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

Radix Icons · RxTextNone

Text None icon

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

components/icons/radix-text-none.tsx

import * as React from "react";

/**
 * Text None from Radix Icons (https://icons.radix-ui.com), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/radix/text-none. Sized in em, colored by currentColor.
 */
export function RxTextNoneIcon(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="M12.6464 1.64645C12.8417 1.45118 13.1582 1.45118 13.3535 1.64645C13.5487 1.84171 13.5487 2.15822 13.3535 2.35348L8.04977 7.65719V12.0498H9.25387C9.50232 12.0498 9.70393 12.2515 9.70406 12.5C9.70398 12.7173 9.54958 12.8984 9.34469 12.9404L9.25387 12.9502H5.75387L5.66305 12.9404C5.4584 12.8982 5.30376 12.7171 5.30367 12.5C5.30379 12.2828 5.4584 12.1017 5.66305 12.0595L5.75387 12.0498H6.95016V8.7568L2.35348 13.3535C2.15822 13.5487 1.84171 13.5487 1.64645 13.3535C1.45118 13.1582 1.45118 12.8417 1.64645 12.6464L6.95016 7.34274V2.95016H3.95016V4.49996C3.95003 4.74832 3.74832 4.95005 3.49996 4.95016C3.25162 4.95003 3.04989 4.7483 3.04977 4.49996V2.49996C3.0498 2.44543 3.06028 2.39307 3.07809 2.34469C3.07968 2.34029 3.08025 2.33534 3.08199 2.33102C3.08709 2.31846 3.09439 2.30685 3.10055 2.29488C3.10701 2.28228 3.11347 2.26965 3.12106 2.25777C3.12774 2.24734 3.13504 2.23733 3.14254 2.2275C3.1483 2.21994 3.1539 2.21222 3.16012 2.20504L3.1816 2.1816C3.18617 2.17704 3.19149 2.17327 3.19625 2.16891C3.20815 2.15795 3.22033 2.14729 3.23336 2.13766C3.24243 2.13097 3.25211 2.12511 3.26168 2.1191C3.27424 2.11121 3.28739 2.10426 3.30074 2.09762C3.31203 2.09202 3.32313 2.08568 3.33492 2.08102C3.35033 2.07493 3.36659 2.07074 3.38277 2.06637C3.39312 2.06358 3.40341 2.05965 3.41402 2.05758C3.44169 2.05223 3.47073 2.04978 3.49996 2.04977H11.5L11.5791 2.0566C11.5822 2.05717 11.5857 2.05792 11.5888 2.05856L11.5908 2.05953C11.596 2.0606 11.6013 2.06218 11.6064 2.06344C11.624 2.06773 11.6415 2.07277 11.6582 2.07906C11.6708 2.08382 11.6832 2.08983 11.6953 2.09567C11.7046 2.10022 11.7146 2.10419 11.7236 2.10934L11.7334 2.1152C11.7387 2.11842 11.7438 2.12249 11.749 2.12594C11.7834 2.14902 11.8149 2.17652 11.8418 2.20797C11.8803 2.25299 11.9091 2.30641 11.9277 2.36422L12.6464 1.64645ZM8.04977 6.24313L11.0498 3.24313V2.95016H8.04977V6.24313Z"
        fill="currentColor"
      />
    </svg>
  );
}

With react-icons

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

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

text-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="M12.6464 1.64645C12.8417 1.45118 13.1582 1.45118 13.3535 1.64645C13.5487 1.84171 13.5487 2.15822 13.3535 2.35348L8.04977 7.65719V12.0498H9.25387C9.50232 12.0498 9.70393 12.2515 9.70406 12.5C9.70398 12.7173 9.54958 12.8984 9.34469 12.9404L9.25387 12.9502H5.75387L5.66305 12.9404C5.4584 12.8982 5.30376 12.7171 5.30367 12.5C5.30379 12.2828 5.4584 12.1017 5.66305 12.0595L5.75387 12.0498H6.95016V8.7568L2.35348 13.3535C2.15822 13.5487 1.84171 13.5487 1.64645 13.3535C1.45118 13.1582 1.45118 12.8417 1.64645 12.6464L6.95016 7.34274V2.95016H3.95016V4.49996C3.95003 4.74832 3.74832 4.95005 3.49996 4.95016C3.25162 4.95003 3.04989 4.7483 3.04977 4.49996V2.49996C3.0498 2.44543 3.06028 2.39307 3.07809 2.34469C3.07968 2.34029 3.08025 2.33534 3.08199 2.33102C3.08709 2.31846 3.09439 2.30685 3.10055 2.29488C3.10701 2.28228 3.11347 2.26965 3.12106 2.25777C3.12774 2.24734 3.13504 2.23733 3.14254 2.2275C3.1483 2.21994 3.1539 2.21222 3.16012 2.20504L3.1816 2.1816C3.18617 2.17704 3.19149 2.17327 3.19625 2.16891C3.20815 2.15795 3.22033 2.14729 3.23336 2.13766C3.24243 2.13097 3.25211 2.12511 3.26168 2.1191C3.27424 2.11121 3.28739 2.10426 3.30074 2.09762C3.31203 2.09202 3.32313 2.08568 3.33492 2.08102C3.35033 2.07493 3.36659 2.07074 3.38277 2.06637C3.39312 2.06358 3.40341 2.05965 3.41402 2.05758C3.44169 2.05223 3.47073 2.04978 3.49996 2.04977H11.5L11.5791 2.0566C11.5822 2.05717 11.5857 2.05792 11.5888 2.05856L11.5908 2.05953C11.596 2.0606 11.6013 2.06218 11.6064 2.06344C11.624 2.06773 11.6415 2.07277 11.6582 2.07906C11.6708 2.08382 11.6832 2.08983 11.6953 2.09567C11.7046 2.10022 11.7146 2.10419 11.7236 2.10934L11.7334 2.1152C11.7387 2.11842 11.7438 2.12249 11.749 2.12594C11.7834 2.14902 11.8149 2.17652 11.8418 2.20797C11.8803 2.25299 11.9091 2.30641 11.9277 2.36422L12.6464 1.64645ZM8.04977 6.24313L11.0498 3.24313V2.95016H8.04977V6.24313Z"
    fill="currentColor"
  />
</svg>

Attribution

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

Related icons:

Similar Radix Icons icons