Home/Libraries/Freehand free icons (Iconify)/disability-hearing-t

Freehand free icons (Iconify)

DisabilityHearingT

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M17.768 10.803a7.9 7.9 0 0 0-.59-2.398a6.2 6.2 0 0 0-1.418-1.999a6.67 6.67 0 0 0-4.487-1.779a6.07 6.07 0 0 0-4.427 1.66a.3.3 0 0 0 0 .429a.29.29 0 0 0 .42 0a5.34 5.34 0 0 1 3.997-1.34a5.75 5.75 0 0 1 3.807 1.69a5.6 5.6 0 0 1 1.11 1.768c.262.665.42 1.366.47 2.079c.067.602.009 1.21-.17 1.789a2.73 2.73 0 0 1-1 1.349q-.641.411-1.21.919a2.4 2.4 0 0 0-.469.66q-.15.371-.19.769v2.408a3.2 3.2 0 0 1-.12.81c-.23.8-.718 1.503-1.389 1.998a3.72 3.72 0 0 1-2.298.75a2.25 2.25 0 0 1-1.23-.38a1.58 1.58 0 0 1-.659-1a.341.341 0 1 0-.67.13c.11.568.432 1.072.9 1.41c.453.324.984.521 1.54.57a4.6 4.6 0 0 0 2.857-.81a4.76 4.76 0 0 0 1.819-2.379q.125-.391.17-.799c.06-.56.06-1.21.09-1.669c0-.29 0-.61.07-.91q.025-.23.13-.439c.088-.173.21-.326.36-.45c.309-.25.669-.45.998-.669a3.8 3.8 0 0 0 1.39-1.919a5.4 5.4 0 0 0 .2-2.248"/><path d="M13.461 12.472a.34.34 0 1 0 .63.26a6.3 6.3 0 0 0 .57-1.44c.082-.37.1-.752.05-1.129a3.3 3.3 0 0 0-1.33-2.168a4.05 4.05 0 0 0-2.298-.76q-.331 0-.65.09c-.27.07-.54.17-.809.27a.3.3 0 1 0 .15.58c.26 0 .52-.1.79-.13q.224-.03.45 0a3.74 3.74 0 0 1 1.678.95c.485.34.838.838 1 1.408c.09.325.111.666.06 1a7 7 0 0 1-.29 1.069m-5.117 4.976a2.38 2.38 0 0 0 1.509-.06a1.15 1.15 0 0 0 .78-.88a1.69 1.69 0 0 0-.38-1.428a1.72 1.72 0 0 0-1.26-.54a2 2 0 0 0-.729.11c.095-.65.346-1.266.73-1.799c.406-.596.934-1.1 1.549-1.479a.31.31 0 0 0 .034-.5a.3.3 0 0 0-.334-.03a5.8 5.8 0 0 0-1.939 1.49a5 5 0 0 0-1.08 2.278q-.105.464-.12.94c-.002.25.035.5.11.739a1.76 1.76 0 0 0 1.13 1.16m-.13-1.998a1.23 1.23 0 0 1 .78-.14a.9.9 0 0 1 .61.33a.8.8 0 0 1 .129.54a.24.24 0 0 1-.19.219a1.35 1.35 0 0 1-.82 0a.7.7 0 0 1-.439-.45a1.2 1.2 0 0 1 0-.38zM16.5 3.448a3.9 3.9 0 0 0-1.66-.6a.3.3 0 0 0-.38.19a.29.29 0 0 0 .19.38q.33.182.62.42c.16.12.28.27.42.39l.42.39c.44.39.879.779 1.368 1.259a.34.34 0 0 0 .51-.42a12 12 0 0 0-.78-1.27a2.9 2.9 0 0 0-.709-.739M14.07.6q.519.076 1 .28q.714.326 1.34.8q.631.42 1.198.929q.564.504 1.07 1.07a13.8 13.8 0 0 1 1.738 2.587a.34.34 0 0 0 .324.32a.34.34 0 0 0 .246-.59a11.4 11.4 0 0 0-1.939-3.517a7.2 7.2 0 0 0-1.219-1.11q-.45-.314-.94-.569q-.64-.33-1.318-.57A4.7 4.7 0 0 0 14.11 0a.3.3 0 1 0-.04.6M4.058 17.658q.145.285.36.52c.317.344.701.62 1.129.81a.35.35 0 0 0 .45-.06a.34.34 0 0 0-.09-.48a3.5 3.5 0 0 1-.84-1.3c-.07-.16-.07-.26-.15-.4a3 3 0 0 1-.33-1.049a.32.32 0 0 0-.27-.34a.3.3 0 0 0-.295.158a.3.3 0 0 0-.034.113c-.155.459-.2.948-.13 1.428q.056.316.2.6m1.859 5.636a11 11 0 0 1-1.24-.55a4.8 4.8 0 0 1-.999-.73a5.5 5.5 0 0 1-.999-1.398a12.3 12.3 0 0 1-1-2.508a7 7 0 0 1-.429-1.929a3.1 3.1 0 0 1 .09-1.189a.3.3 0 0 0-.15-.4a.3.3 0 0 0-.4.14c-.237.46-.377.963-.41 1.48a7.8 7.8 0 0 0 .18 2.217a10.6 10.6 0 0 0 1.07 2.758a5.6 5.6 0 0 0 1.369 1.57q.492.373 1.06.619q.8.365 1.648.61a.34.34 0 1 0 .21-.65zm17.367-6.375c-.58-.07-1.199-.16-1.838-.21h-1.57c-.639 0-1.248.16-1.838.22a.3.3 0 0 0-.31.29a.31.31 0 0 0 .29.31c.59.099 1.2.219 1.849.279h.27v2.708c0 .31.05.63.09.95c.08.709.2 1.428.31 2.208a.34.34 0 1 0 .679-.04c0-.78.08-1.51.09-2.229v-.999c0-.36 0-.63-.09-.95c-.08-.549-.21-1.109-.34-1.678h.58c.64-.05 1.249-.13 1.838-.19a.34.34 0 1 0 0-.68z"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. DisabilityHearingTIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.