Home/Libraries/Freehand free icons (Iconify)/information-desk

Freehand free icons (Iconify)

InformationDesk

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.921 17.097a2 2 0 0 0-.46-1.111a2 2 0 0 0-1.001-.49a10.6 10.6 0 0 0-2.153-.12H13.45c-2.543 0-4.905-.231-7.368-.321H4.209a12 12 0 0 0-2.653.08a2.37 2.37 0 0 0-1.182.62a1.66 1.66 0 0 0-.35 1.002a10 10 0 0 0 .05 1.902c0 .25 0 .57.05.921c0 1.252-.07 2.924 0 3.895a.3.3 0 0 0 .33.27a.29.29 0 0 0 .27-.32c-.07-1.002.08-2.613.1-3.845a8 8 0 0 0 0-1.001a10 10 0 0 1 0-1.482a1.3 1.3 0 0 1 .15-.7a1.68 1.68 0 0 1 1.052-.411q1.065-.04 2.122.08c2.233.06 4.315.27 6.458.39c.911.05 1.842.08 2.803.08h2.743c1.332 0 2.663-.05 4.135-.1a14 14 0 0 1 1.702 0c.291.001.576.084.821.24c.187.25.288.551.29.862q.061.88 0 1.762c0 .76-.16 2.002-.23 3.003q-.04.656 0 1.312a.35.35 0 0 0 .489.3a.33.33 0 0 0 .192-.32c0-.31 0-.751.08-1.232c.1-1 .27-2.222.32-3.003c.074-.753.064-1.512-.03-2.263m-7.819-2.873a.3.3 0 0 0 .31.3a.31.31 0 0 0 .301-.3a1.44 1.44 0 0 1 .821-1.121a3 3 0 0 1 .851-.3a2.8 2.8 0 0 1 1.311-.06c.325.06.622.222.851.46c.26.261.456.58.571.93a.33.33 0 0 0 .277.26a.3.3 0 0 0 .134-.009a.33.33 0 0 0 .25-.4a3 3 0 0 0-.55-1.352a2.6 2.6 0 0 0-1.242-1.001a3.5 3.5 0 0 0-.731-.12v-.14c0-.2-.07-.4-.12-.731a.31.31 0 0 0-.428-.267a.3.3 0 0 0-.183.287c0 .34-.07.54-.07.76a1 1 0 0 0 0 .15a3.3 3.3 0 0 0-1.071.381a2.3 2.3 0 0 0-1.282 2.273m-3.434-3.594a4.7 4.7 0 0 0-1.702-1.722a5 5 0 0 0-1.241-.53c.398-.195.768-.44 1.101-.732a3.44 3.44 0 0 0 1.252-2.002a2.4 2.4 0 0 0-.08-1.001a3 3 0 0 0-.13-.39c-.21-.26-.892-.22-.782.06c0 .11.08.21.11.33c.06.267.06.544 0 .81a2.63 2.63 0 0 1-1.07 1.322a3.6 3.6 0 0 1-1.582.741a2.9 2.9 0 0 1-2.003-.45a2.09 2.09 0 0 1-1-1.722a4.4 4.4 0 0 1 0-.631c.06-.46-.511-.46-.662-.13c-.08.235-.12.482-.12.73a2.88 2.88 0 0 0 1.202 2.664q.359.266.77.44a5.6 5.6 0 0 0-1.21.56a4.535 4.535 0 0 0-2.314 4.766a.304.304 0 1 0 .601-.09A3.79 3.79 0 0 1 6.031 9.87a5 5 0 0 1 2.212-.54c.76-.02 1.513.16 2.183.52a3.62 3.62 0 0 1 1.692 1.682c.346.801.563 1.653.64 2.523a.33.33 0 0 0 .37.31a.35.35 0 0 0 .311-.37a7.7 7.7 0 0 0-.77-3.364"/><path d="M5.89 4.242h2.804c.4 0 1.882-.11 2.282-.18a1.1 1.1 0 0 0 1.002-.89q.14-.393.21-.802c.11-.83.14-1.451-.17-1.812a1.6 1.6 0 0 0-1.262-.5h-.88l-1.843.16c-2.963.3-3.074.28-3.074.27a.3.3 0 0 0-.2.36q.063.353.08.711v1.092q-.03.375 0 .75a.86.86 0 0 0 1.052.841M5.6 2.631c0-.38 0-.761-.1-1.142v-.32l2.643-.1h1.732l.801.06c.25 0 .4 0 .47.14s0 .11 0 .18q-.033.389-.11.771q-.031.226-.11.44a.6.6 0 0 1-.15.26l-1.001.121l-2.923.29a5 5 0 0 1-.701 0a.86.86 0 0 1-.48-.13a.25.25 0 0 1 0-.15c-.07-.08-.06-.3-.07-.42m9.861 4.965c.337.255.708.464 1.1.621q.561.223 1.152.34a4.655 4.655 0 0 0 5.206-2.583a4.09 4.09 0 0 0 0-3.724C21.71.138 18.976-.143 17.063.818a5.45 5.45 0 0 0-2.362 2.433a4.26 4.26 0 0 0-.45 2.253a3.07 3.07 0 0 0 1.21 2.092m.13-3.954a4.5 4.5 0 0 1 1.852-2.143a3.294 3.294 0 0 1 4.695 1.132a3.2 3.2 0 0 1-.16 2.893a3.7 3.7 0 0 1-1.722 1.642a3.57 3.57 0 0 1-2.283.26a6.4 6.4 0 0 1-1-.28a3.2 3.2 0 0 1-.832-.46a2 2 0 0 1-.84-1.322c-.061-.59.04-1.185.29-1.722"/><path d="M19.056 3.862a.31.31 0 0 0-.601.11v1.071q.032.37.12.731a.342.342 0 1 0 .68-.08v-.901a6.4 6.4 0 0 0-.2-.931m-.59-.821a.69.69 0 0 0 .771-.23c.17-.33-.1-.661-.42-.781a.54.54 0 0 0-.431 0a.56.56 0 0 0 .08 1.011"/></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. InformationDeskIcon.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.