Home/Libraries/Freehand free icons (Iconify)/office-file-text-graph

Freehand free icons (Iconify)

OfficeFileTextGraph

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="M15.926 10.33a4.5 4.5 0 0 0-1.788-3.326a.3.3 0 1 0-.33.489a3.83 3.83 0 0 1 1.409 2.916a3.75 3.75 0 0 1-.999 2.996a5.33 5.33 0 0 1-2.926.91a5.2 5.2 0 0 1-2.996-.94A3.185 3.185 0 0 1 7.037 9.68a4.6 4.6 0 0 1 .88-1.678a14 14 0 0 1 2.566-1.797a3.38 3.38 0 0 1 2.996.479a.26.26 0 0 0 .36-.06a.25.25 0 0 0 .018-.286a.3.3 0 0 0-.068-.073c-2.137-1.668-4.904-.67-6.502 1.238s-1.997 4.784.44 6.671a6.17 6.17 0 0 0 3.555 1.099a5 5 0 0 0 3.515-1.279a4.51 4.51 0 0 0 1.129-3.665"/><path d="M10.353 8.552q.105.406.28.789l-.37-.08a6.4 6.4 0 0 0-1.068-.15H7.866c-.569 0-.519.629-.05.669s.45 0 1 .11c.408.05.81.147 1.198.29c.253.016.5.09.719.22q.15.202.24.439c.14.34.25.719.359.998c.11.28.3.74.47 1.099l.339.679c.18.28.999.19.659-.22s-.13-.32-.28-.759c-.15-.44-.23-.709-.33-1.078c-.099-.37-.169-.72-.299-1.089a2.5 2.5 0 0 0-.46-.789c0-.39 0-.779-.07-1.178a5.6 5.6 0 0 0-.518-1.598c-.3-.36-.71-.16-.7.16s.14 1.218.21 1.488m-4.294 8.079a4.4 4.4 0 0 0-.62-.08H3.992a.27.27 0 0 0-.3.22a.26.26 0 0 0 .21.3c.52.16 1 .35 1.588.469c.31.07.64.11.95.16q.705.088 1.387.29a.3.3 0 0 0 .39-.16a.28.28 0 0 0-.15-.38a6.5 6.5 0 0 0-1.388-.62q-.301-.124-.62-.199m4.424.969h1.548l.899.08c.46 0 .909.11 1.368.12a.36.36 0 0 1 .34.2c0 .12-.08.219-.24.229q-.691.099-1.388.12h-.6a4 4 0 0 1-.609-.07q-.692-.105-1.368-.29c-.15 0-.24-.12-.23-.22s.14-.19.28-.17m5.812-11.065a4 4 0 0 1-.609-.12c.08-.2.2-.43.31-.679c.57-1.268.929-2.636 0-3.655a.252.252 0 0 0-.39.32c.999 1.328-.609 2.806-.928 3.994s2.746 1.199 3.844.85l1.648-.46c.42-.19.17-.68-.08-.63c-2.037.5-2.097.63-3.795.38"/><path d="M17.094 1.39c-1.268-.259-.689-.109-9.188-1.168a.29.29 0 0 0-.07.57c7.91 1.058 8.16 1.068 9.158 1.288c1 .22 3.126 2.926 3.636 3.925a1 1 0 0 1 .16.6c-.27 1.417-1.379 5.532-1.708 6.47c-.33.94-.63 1.619-.899 2.448c-.11.32-.999 4.214-2.137 4.594c-1.568.529-3.166-.15-4.734-.21c-.999 0-2.996-.14-4.275-.34c-4.993-.809-4.773-.699-6.052-1.518c1.438-1.528 2.767-5.353 3.486-7.54a67 67 0 0 0 1.458-7.5c.08-.44.789-2.707.08-2.477c-.3.09-.26.54-.29.729c-.2 1.248-1.068 6.092-1.248 6.891a34.6 34.6 0 0 1-3.456 8.549q-.278.39-.599.749q-.24.24-.4.54a.71.71 0 0 0 .31.748c.541.41 1.145.731 1.788.95c3 .682 6.055 1.103 9.128 1.258c1.588.06 3.266.779 5.083.16c1.658-.57 2.537-4.645 2.717-5.214c.26-.829.59-1.628.859-2.447c.27-.819 1.378-4.993 1.658-6.621c.27-1.448-3.186-5.164-4.465-5.433"/><path d="M23.137 7.583c-.28 1.418-1.768 7.06-2.098 7.99c-.33.928-.629 1.627-.899 2.456c-.11.32-.998 4.205-2.137 4.584c-1.568.53-3.166-.15-4.734-.21c-.998 0-2.996-.14-4.274-.339c-4.764-.769-4.784-.57-5.882-1.268c-.65-.36-.9.28-.51.619c.44.34.953.576 1.498.689a53 53 0 0 0 9.128 1.268c1.588.06 3.276.77 5.084.16c1.808-.609 2.537-4.644 2.676-5.223c.26-.819.59-1.618.86-2.437c.269-.819 1.837-6.462 2.136-8.06c.13-.808-.649-1.048-.848-.23"/></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. OfficeFileTextGraphIcon.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.