Home/Libraries/Freehand free icons (Iconify)/ruler-t

Freehand free icons (Iconify)

RulerT

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" d="M7.727 4.063c.46.43.95.83 1.42 1.24s.94.7 1.41 1.09q.444.36.83.78a.33.33 0 0 0 .48.07a.35.35 0 0 0 .12-.48a8 8 0 0 0-.78-1c-.41-.47-.87-.91-1.27-1.32s-.95-.84-1.47-1.23s-1.26-.93-1.9-1.38a4.54 4.54 0 0 1 2.17-.76a6 6 0 0 1 1.57.12a12 12 0 0 1 2.37.7q.979.327 1.91.77l.17.09c1.31.52 1.48.29.64-.62l-.41-.26q-.929-.55-1.91-1q-.849-.394-1.75-.65a6.8 6.8 0 0 0-1.93-.22a10 10 0 0 0-3.78 1.39a.52.52 0 0 0 .16.61c.65.7 1.27 1.41 1.95 2.06m15.74 7.94a10 10 0 0 0-1.05-2.94a6 6 0 0 0-.43-.66c-1.18-.73-1.46-.57-.64.72l.23.4c.37.863.625 1.77.76 2.7c.07.47.12.94.15 1.4q.045.7 0 1.4q-.008.694-.11 1.38v.14c-.48-.57-1-1.13-1.5-1.65s-.86-.82-1.31-1.21l-.91-.74c-.13-.11-.27-.21-.41-.31c-1-.41-1.43-.36-.64.72c.11.12.23.23.35.35c.56.55 1.12 1.12 1.72 1.63c.78.67 1.61 1.27 2.39 1.92c.36.29.67.38.81-.12q.14-.26.23-.54a9.4 9.4 0 0 0 .32-1.44q.159-.767.18-1.55a8.3 8.3 0 0 0-.14-1.6m-1.82-5.7a.64.64 0 0 0-.13-1a14 14 0 0 0-1.05-1.3c-.16-.17-.33-.33-.5-.49l-.53-.44c-.44-.32-.9-.59-1.33-.91a.3.3 0 0 0-.43 0c-1.51 1.46 1.11-1.23-4.94 4.74q-1.56 1.55-3.11 3.1l-6.28 6.71c-.53.55-1.49 1.29-2.14 2.06a3.7 3.7 0 0 0-.76 1.29a1.85 1.85 0 0 0 .14 1.27a4.8 4.8 0 0 0 1.58 1.75c1.14.8 2.56 1.16 3.36.74a11.5 11.5 0 0 0 3-2.4c1.31-1.38 2.44-3 3.55-4.32c.61-.74 1.23-1.47 1.86-2.18c1.89-2.13 3.42-3.53 7.71-8.62m-7.53 7.08a6 6 0 0 0-.37-.53a3 3 0 0 0-.29-.29a2 2 0 0 0-.34-.23a8 8 0 0 0-.89-.36a.3.3 0 0 0-.478.287a.3.3 0 0 0 .118.203q.303.436.66.83q.218.206.47.37l.55.33l-.28.3c-.52.57-1 1.14-1.53 1.72l-.36-.41a2.5 2.5 0 0 0-.34-.32a3 3 0 0 0-.36-.28c-.32-.2-.64-.33-1-.52a.3.3 0 0 0-.41.44q.29.493.66.93q.155.176.34.32q.183.152.39.27l.45.26c-.47.55-1 1.14-1.45 1.75c-.09-.13-.18-.25-.29-.38a3 3 0 0 0-.25-.26a2 2 0 0 0-.3-.21c-.26-.16-.52-.24-.79-.38a.3.3 0 0 0-.43 0a.31.31 0 0 0 0 .43q.214.401.48.77q.12.15.27.27q.145.12.31.21l.42.22c-.44.52-.89 1-1.36 1.52l-.16.15l-.2-.28a3 3 0 0 0-.29-.3a1.6 1.6 0 0 0-.3-.21a6.6 6.6 0 0 0-.9-.39a.304.304 0 0 0-.36.49c.2.26.35.51.57.76q.124.141.27.26q.15.128.32.23l.22.14a9.4 9.4 0 0 1-1.9 1.31a1.16 1.16 0 0 1-.76 0a4.4 4.4 0 0 1-1.4-.67a4 4 0 0 1-1.08-1.13a.86.86 0 0 1-.18-.66c.17-.437.437-.83.78-1.15c.64-.61 1.36-1.19 1.81-1.7s.85-.9 1.26-1.36c1.63-1.81 3.2-3.7 4.86-5.49c1.24-1.35 2.5-2.67 3.78-4s2.5-2.56 3.76-3.84q.451.678 1 1.28a8 8 0 0 0 .84.73c.43.34.89.63 1.32 1a.24.24 0 0 0 .09.06c-.59.68-1.2 1.34-1.81 2a7 7 0 0 0-.54-.66a3.5 3.5 0 0 0-.34-.33a2.6 2.6 0 0 0-.38-.27c-.32-.19-.64-.32-1-.5a.304.304 0 1 0-.41.45q.31.477.68.91c.11.11.22.22.34.32l.38.26l.7.41l-2 2.16a8 8 0 0 0-.56-.63a3 3 0 0 0-.34-.29a2 2 0 0 0-.37-.23c-.31-.16-.63-.25-1-.4a.31.31 0 0 0-.37.49q.315.422.67.81q.16.149.34.27q.173.13.37.22l.66.34c-.6.71-1.29 1.45-1.97 2.18"/></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. RulerTIcon.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.