Home/Libraries/Freehand free icons (Iconify)/text-formating-hash

Freehand free icons (Iconify)

TextFormatingHash

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"><path fill="#818cf8" fill-rule="evenodd" d="M23.565 6.365c-1.608-.18-3.205-.4-4.813-.55c-.55-.06-1.109-.1-1.658-.13l.16-1.827c0-.639.06-1.378.14-2.077c.036-.434.134-.861.29-1.268a.34.34 0 0 0-.17-.48a.33.33 0 0 0-.45.17a5.8 5.8 0 0 0-.44 1.428c-.129.71-.189 1.448-.289 2.087l-.34 1.938h-.558c-1.918 0-3.625.13-5.253.26c-1.109.11-2.177.189-3.365.259l.35-3.435q.046-.961-.06-1.918a.43.43 0 0 0-.38-.379a.33.33 0 0 0-.33.21a1.6 1.6 0 0 0 0 .28c-.21.12 0 1.307 0 1.677L5.71 6.225h-.649a30.4 30.4 0 0 1-4.414-.3a.34.34 0 0 0-.39.28a.35.35 0 0 0 .27.4c1.644.353 3.314.566 4.993.638l-.1.6l-.998 5.851l-1.308.06q-1.376.05-2.736.26a.34.34 0 0 0-.16.605a.35.35 0 0 0 .25.074q.996-.103 1.997-.1h1.797l-.48 3.016c-.219 1.178-.478 2.357-.638 3.555c-.108.81-.152 1.629-.13 2.446a.39.39 0 0 0 .39.39a.38.38 0 0 0 .389-.39a14 14 0 0 1 .22-2.306c.23-1.169.549-2.317.828-3.465c.28-1.149.47-2.068.69-3.106l1.677.06c1.578 0 3.146 0 4.723-.1l2.187-.12h.42c-.51 2.517-1.049 4.993-1.568 7.54a.39.39 0 0 0 .44.474a.38.38 0 0 0 .309-.295c.699-2.596 1.478-5.142 2.087-7.749v-.07c2.337-.17 4.683-.34 6.99-.41a.39.39 0 1 0 0-.778c-2.277-.06-4.533-.05-6.8 0c.28-1.328.519-2.676.699-4.044l.3-2.417h1.687c1.608.06 3.205.2 4.823.28a.37.37 0 0 0 .41-.35a.38.38 0 0 0-.35-.39M15.506 9.02c-.17 1.428-.429 2.836-.709 4.234c-1.228 0-2.456.08-3.694.14c-1.239.06-2.597.15-3.895.2l-1.438.05c0-.24.1-.47.14-.71c.3-1.637.53-3.295.729-4.943l.07-.729c1.158 0 2.287 0 3.465-.09c1.658-.1 3.375-.28 5.332-.339h.34z" clip-rule="evenodd"/></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. TextFormatingHashIcon.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.