Home/Libraries/Freehand free icons (Iconify)/grid-corner-ruler

Freehand free icons (Iconify)

GridCornerRuler

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="M23.616 20.368a2.2 2.2 0 0 0-.6-.53c-.41-.24-.92-.42-1.26-.6l-2.19-1.34a.343.343 0 0 0-.47.11a.34.34 0 0 0 .11.47l1.94 1.74c.17.12.39.25.61.38c-1.13.06-2.26.11-3.38.1c-3.16 0-6.311-.22-9.471-.12c-.69 0-2 .22-3.09.18a3.1 3.1 0 0 1-1.27-.22a2.8 2.8 0 0 0 0-.84l-.06-3.43c-.12-2.55-.14-5.141-.11-7.721c0-2.21.09-4.41.16-6.59l2.14 1.93a.39.39 0 1 0 .53-.57L5.175.886a7 7 0 0 0-.8-.77a.73.73 0 0 0-.79 0a7 7 0 0 0-1.13.94c-.73.75-1.31 1.66-2.07 2.36a.35.35 0 0 0-.07.48a.36.36 0 0 0 .49.1c.26-.17.51-.36.76-.56c.57-.44 1.13-.94 1.69-1.44l.53-.44c-.21 2.81-.42 5.64-.53 8.48q-.13 3.14-.1 6.23v3.37a8 8 0 0 0-.05 1.13a.8.8 0 0 0 .21.46a2.85 2.85 0 0 0 1.89.77a23 23 0 0 0 3.79-.19c3.14-.2 6.28-.11 9.42-.2c1 0 2.05-.11 3.07-.19l-1.98 1.88a.4.4 0 0 0-.07.55a.38.38 0 0 0 .54.07l2.7-1.92s.61-.46.82-.66a.72.72 0 0 0 .12-.97"/><path d="M6.215 18.097a2.5 2.5 0 0 0-.34.31q-.17.166-.29.37c-.79 1.22-.59 1.38-.48 1.47s.27.28 1.41-.64q.182-.14.33-.32a2.3 2.3 0 0 0 .28-.36c.74-1.11.75-1.3.54-1.5s-.41-.18-1.45.67m7.78-6.88q.2-.17.37-.37a3.3 3.3 0 0 0 .32-.42c.8-1.16.86-1.36.63-1.58s-.45-.18-1.55.76q-.2.168-.38.36c-.11.13-.22.26-.32.4c-.91 1.34-.74 1.43-.62 1.54s.2.44 1.55-.69m4.4-5.341q.33-.419.6-.88c1-1.52 1.11-1.7.84-1.94s-.33-.38-1.79 1.13q-.246.257-.46.54a5 5 0 0 0-.39.58c-1 1.68-.81 1.83-.64 1.95s.44.23 1.84-1.38m-8.99 8.761l-.24.23c-.1.13-.2.26-.29.4c-.76 1.29-.54 1.45-.43 1.54s.27.25 1.4-.74a4 4 0 0 0 .33-.35a3 3 0 0 0 .23-.33c.59-1.16.14-1.39-1-.75"/><path d="M13.395 14.417a7 7 0 0 0-1.51-1.53a7.5 7.5 0 0 0-1.88-1a8.34 8.34 0 0 0-4.84-.31a.34.34 0 0 0-.135.618a.36.36 0 0 0 .254.062a7.9 7.9 0 0 1 4.24.74q.345.166.66.38a10 10 0 0 1 2.22 1.78a5.84 5.84 0 0 1 1.43 3.92a.39.39 0 1 0 .78 0a6.62 6.62 0 0 0-1.22-4.66"/></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. GridCornerRulerIcon.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.