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

Radix Icons · RxAccessibility

Accessibility icon

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

components/icons/radix-accessibility.tsx

import * as React from "react";

/**
 * Accessibility from Radix Icons (https://icons.radix-ui.com), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/radix/accessibility. Sized in em, colored by currentColor.
 */
export function RxAccessibilityIcon(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.49927 0.877014C11.1567 0.877014 14.1219 3.84175 14.1223 7.49908C14.1223 11.1567 11.1569 14.1221 7.49927 14.1221C3.84193 14.1217 0.877197 11.1565 0.877197 7.49908C0.877608 3.842 3.84219 0.877426 7.49927 0.877014ZM7.49927 1.82623C4.36686 1.82664 1.82683 4.36667 1.82642 7.49908C1.82642 10.6318 4.3666 13.1715 7.49927 13.1719C10.6323 13.1719 13.1721 10.6321 13.1721 7.49908C13.1717 4.36642 10.632 1.82623 7.49927 1.82623ZM10.4534 5.31061C10.7201 5.23914 10.9942 5.39739 11.0657 5.66412C11.1371 5.93082 10.9789 6.20497 10.7122 6.27643L8.74634 6.8028C8.74634 6.8028 8.74634 7.66701 8.74634 8.26959C8.74634 8.8722 9.62622 11.6973 9.62622 11.6973C9.69765 11.964 9.53942 12.2382 9.27271 12.3096C9.00611 12.3808 8.73187 12.2227 8.6604 11.9561C8.6604 11.9561 7.91969 9.1274 7.86841 9.00006C7.81967 8.87277 7.64966 8.87311 7.64966 8.87311H7.34302C7.33713 8.87315 7.16884 8.87496 7.12427 9.00006C7.06931 9.12902 6.33622 11.9402 6.3313 11.959C6.25983 12.2258 5.98573 12.384 5.71899 12.3126C5.45246 12.241 5.29404 11.9669 5.36548 11.7003C5.37084 11.683 6.24634 8.87035 6.24634 8.26959V6.80084L4.28735 6.27643C4.02087 6.20492 3.86268 5.93066 3.93384 5.66412C4.00529 5.39745 4.27947 5.23925 4.54614 5.31061C4.54614 5.31061 6.20058 5.87311 6.84595 5.87311H8.15552C8.79825 5.87284 10.4383 5.31573 10.4534 5.31061ZM7.50024 2.87018C8.12156 2.87018 8.62524 3.37386 8.62524 3.99518C8.62519 4.61645 8.12153 5.12018 7.50024 5.12018C6.87904 5.12008 6.3753 4.61639 6.37524 3.99518C6.37524 3.37392 6.87901 2.87028 7.50024 2.87018Z"
        fill="currentColor"
      />
    </svg>
  );
}

With react-icons

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

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

accessibility.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.49927 0.877014C11.1567 0.877014 14.1219 3.84175 14.1223 7.49908C14.1223 11.1567 11.1569 14.1221 7.49927 14.1221C3.84193 14.1217 0.877197 11.1565 0.877197 7.49908C0.877608 3.842 3.84219 0.877426 7.49927 0.877014ZM7.49927 1.82623C4.36686 1.82664 1.82683 4.36667 1.82642 7.49908C1.82642 10.6318 4.3666 13.1715 7.49927 13.1719C10.6323 13.1719 13.1721 10.6321 13.1721 7.49908C13.1717 4.36642 10.632 1.82623 7.49927 1.82623ZM10.4534 5.31061C10.7201 5.23914 10.9942 5.39739 11.0657 5.66412C11.1371 5.93082 10.9789 6.20497 10.7122 6.27643L8.74634 6.8028C8.74634 6.8028 8.74634 7.66701 8.74634 8.26959C8.74634 8.8722 9.62622 11.6973 9.62622 11.6973C9.69765 11.964 9.53942 12.2382 9.27271 12.3096C9.00611 12.3808 8.73187 12.2227 8.6604 11.9561C8.6604 11.9561 7.91969 9.1274 7.86841 9.00006C7.81967 8.87277 7.64966 8.87311 7.64966 8.87311H7.34302C7.33713 8.87315 7.16884 8.87496 7.12427 9.00006C7.06931 9.12902 6.33622 11.9402 6.3313 11.959C6.25983 12.2258 5.98573 12.384 5.71899 12.3126C5.45246 12.241 5.29404 11.9669 5.36548 11.7003C5.37084 11.683 6.24634 8.87035 6.24634 8.26959V6.80084L4.28735 6.27643C4.02087 6.20492 3.86268 5.93066 3.93384 5.66412C4.00529 5.39745 4.27947 5.23925 4.54614 5.31061C4.54614 5.31061 6.20058 5.87311 6.84595 5.87311H8.15552C8.79825 5.87284 10.4383 5.31573 10.4534 5.31061ZM7.50024 2.87018C8.12156 2.87018 8.62524 3.37386 8.62524 3.99518C8.62519 4.61645 8.12153 5.12018 7.50024 5.12018C6.87904 5.12008 6.3753 4.61639 6.37524 3.99518C6.37524 3.37392 6.87901 2.87028 7.50024 2.87018Z"
    fill="currentColor"
  />
</svg>

Attribution

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

Accessibility icon in other sets

Similar Radix Icons icons