Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Radix Icons · RxSymbol

Symbol icon

A free symbol icon from Radix Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License: MIT license
Project: icons.radix-ui.com

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/radix/symbol.json

components/icons/radix-symbol.tsx

import * as React from "react";

/**
 * Symbol from Radix Icons (https://icons.radix-ui.com), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/radix/symbol. Sized in em, colored by currentColor.
 */
export function RxSymbolIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      fill="none"
      viewBox="0 0 15 15"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M7.98782 1.5627C8.04093 1.27991 8.31343 1.09276 8.59622 1.14571L8.86478 1.20235C11.6292 1.83956 14.0531 4.23825 14.0533 7.70332C14.0532 9.23978 13.3539 10.4478 12.5376 11.3664C11.9526 12.0246 11.2828 12.5586 10.7447 12.968L12.3824 12.968C12.6583 12.9681 12.8823 13.192 12.8824 13.468C12.8824 13.744 12.6584 13.9678 12.3824 13.968L9.38235 13.968C9.10621 13.968 8.88235 13.7441 8.88235 13.468L8.88235 10.468C8.88245 10.1919 9.10627 9.96797 9.38235 9.96797C9.65831 9.96812 9.88226 10.192 9.88235 10.468L9.88235 12.3137L10.064 12.176C10.5978 11.7712 11.2158 11.2845 11.7583 10.674C12.4728 9.87008 13.0102 8.8984 13.0103 7.70332C13.0102 4.69156 10.8502 2.63053 8.40384 2.1711L8.30228 2.14082C8.07814 2.04925 7.94172 1.80993 7.98782 1.5627ZM0.86087 7.29707C0.860934 5.76063 1.56019 4.5526 2.37649 3.63399C2.96147 2.97581 3.63131 2.44175 4.16946 2.03242L2.53177 2.03242C2.25584 2.03226 2.03188 1.80836 2.03177 1.53242C2.03177 1.25639 2.25577 1.03259 2.53177 1.03242L5.53177 1.03242C5.80791 1.03243 6.03177 1.25628 6.03177 1.53242L6.03177 4.53242C6.03165 4.80847 5.80784 5.03242 5.53177 5.03242C5.25584 5.03226 5.03188 4.80836 5.03177 4.53242L5.03177 2.68672L4.85013 2.82442C4.31633 3.22915 3.69833 3.71595 3.15579 4.32637C2.44137 5.13031 1.9039 6.10201 1.90384 7.29707C1.904 10.3411 4.11096 12.4148 6.58939 12.8439C6.87267 12.8932 7.06305 13.1631 7.01419 13.4465C6.96502 13.7298 6.69501 13.9201 6.41165 13.8713C3.50007 13.3671 0.861028 10.9128 0.86087 7.29707Z"
        fill="currentColor"
      />
    </svg>
  );
}

With react-icons

import { RxSymbol } from "react-icons/rx";

export function Example() {
  return <RxSymbol className="size-5" />;
}

symbol.svg

<svg
  fill="none"
  viewBox="0 0 15 15"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M7.98782 1.5627C8.04093 1.27991 8.31343 1.09276 8.59622 1.14571L8.86478 1.20235C11.6292 1.83956 14.0531 4.23825 14.0533 7.70332C14.0532 9.23978 13.3539 10.4478 12.5376 11.3664C11.9526 12.0246 11.2828 12.5586 10.7447 12.968L12.3824 12.968C12.6583 12.9681 12.8823 13.192 12.8824 13.468C12.8824 13.744 12.6584 13.9678 12.3824 13.968L9.38235 13.968C9.10621 13.968 8.88235 13.7441 8.88235 13.468L8.88235 10.468C8.88245 10.1919 9.10627 9.96797 9.38235 9.96797C9.65831 9.96812 9.88226 10.192 9.88235 10.468L9.88235 12.3137L10.064 12.176C10.5978 11.7712 11.2158 11.2845 11.7583 10.674C12.4728 9.87008 13.0102 8.8984 13.0103 7.70332C13.0102 4.69156 10.8502 2.63053 8.40384 2.1711L8.30228 2.14082C8.07814 2.04925 7.94172 1.80993 7.98782 1.5627ZM0.86087 7.29707C0.860934 5.76063 1.56019 4.5526 2.37649 3.63399C2.96147 2.97581 3.63131 2.44175 4.16946 2.03242L2.53177 2.03242C2.25584 2.03226 2.03188 1.80836 2.03177 1.53242C2.03177 1.25639 2.25577 1.03259 2.53177 1.03242L5.53177 1.03242C5.80791 1.03243 6.03177 1.25628 6.03177 1.53242L6.03177 4.53242C6.03165 4.80847 5.80784 5.03242 5.53177 5.03242C5.25584 5.03226 5.03188 4.80836 5.03177 4.53242L5.03177 2.68672L4.85013 2.82442C4.31633 3.22915 3.69833 3.71595 3.15579 4.32637C2.44137 5.13031 1.9039 6.10201 1.90384 7.29707C1.904 10.3411 4.11096 12.4148 6.58939 12.8439C6.87267 12.8932 7.06305 13.1631 7.01419 13.4465C6.96502 13.7298 6.69501 13.9201 6.41165 13.8713C3.50007 13.3671 0.861028 10.9128 0.86087 7.29707Z"
    fill="currentColor"
  />
</svg>

Attribution

"Symbol" icon from Radix Icons (https://icons.radix-ui.com), licensed under MIT license.

Similar Radix Icons icons