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

Radix Icons · RxValueNone

Value None icon

A free value none 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/value-none.json

components/icons/radix-value-none.tsx

import * as React from "react";

/**
 * Value None from Radix Icons (https://icons.radix-ui.com), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/radix/value-none. Sized in em, colored by currentColor.
 */
export function RxValueNoneIcon(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.49908 0.87706C9.1478 0.87706 10.6553 1.48094 11.8145 2.47765L12.6465 1.64659C12.8418 1.45133 13.1583 1.45133 13.3536 1.64659C13.5487 1.84186 13.5488 2.15839 13.3536 2.35362L12.5215 3.18468C13.5185 4.34364 14.1219 5.85046 14.1221 7.49913C14.1221 11.1568 11.1567 14.1222 7.49908 14.1222C5.85042 14.122 4.3436 13.5185 3.18463 12.5216L2.35358 13.3536C2.15834 13.5488 1.84181 13.5488 1.64655 13.3536C1.45129 13.1584 1.4513 12.8419 1.64655 12.6466L2.4776 11.8146C1.4809 10.6553 0.877014 9.14785 0.877014 7.49913C0.877426 3.84205 3.842 0.877471 7.49908 0.87706ZM3.85748 11.8487C4.84282 12.6747 6.11288 13.1718 7.49908 13.172C10.6321 13.172 13.1719 10.6321 13.1719 7.49913C13.1718 6.11292 12.6747 4.84287 11.8487 3.85753L3.85748 11.8487ZM7.49908 1.82628C4.36667 1.82669 1.82664 4.36672 1.82623 7.49913C1.82623 8.88559 2.32526 10.1553 3.15143 11.1407L11.1407 3.15147C10.1553 2.32531 8.88554 1.82628 7.49908 1.82628Z"
        fill="currentColor"
      />
    </svg>
  );
}

With react-icons

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

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

value-none.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.49908 0.87706C9.1478 0.87706 10.6553 1.48094 11.8145 2.47765L12.6465 1.64659C12.8418 1.45133 13.1583 1.45133 13.3536 1.64659C13.5487 1.84186 13.5488 2.15839 13.3536 2.35362L12.5215 3.18468C13.5185 4.34364 14.1219 5.85046 14.1221 7.49913C14.1221 11.1568 11.1567 14.1222 7.49908 14.1222C5.85042 14.122 4.3436 13.5185 3.18463 12.5216L2.35358 13.3536C2.15834 13.5488 1.84181 13.5488 1.64655 13.3536C1.45129 13.1584 1.4513 12.8419 1.64655 12.6466L2.4776 11.8146C1.4809 10.6553 0.877014 9.14785 0.877014 7.49913C0.877426 3.84205 3.842 0.877471 7.49908 0.87706ZM3.85748 11.8487C4.84282 12.6747 6.11288 13.1718 7.49908 13.172C10.6321 13.172 13.1719 10.6321 13.1719 7.49913C13.1718 6.11292 12.6747 4.84287 11.8487 3.85753L3.85748 11.8487ZM7.49908 1.82628C4.36667 1.82669 1.82664 4.36672 1.82623 7.49913C1.82623 8.88559 2.32526 10.1553 3.15143 11.1407L11.1407 3.15147C10.1553 2.32531 8.88554 1.82628 7.49908 1.82628Z"
    fill="currentColor"
  />
</svg>

Attribution

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

Related icons:

Similar Radix Icons icons