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

Freehand free icons (Iconify)

OfficeFileText

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="M12.24 6.205a.27.27 0 0 0 .3-.25a.29.29 0 0 0-.25-.3c-.638-.12-1.238-.34-1.857-.519a11 11 0 0 0-1.278-.34a8.5 8.5 0 0 0-2.257-.11a.25.25 0 1 0 0 .49q.947.155 1.857.46h.16c-.11.619-.26 1.258-.38 1.907c-.07.42-.13.849-.19 1.268c-.1.65-.179 1.289-.319 1.898a.27.27 0 0 0 .17.35a.28.28 0 0 0 .35-.17q.389-.902.649-1.848q.112-.405.18-.819q.07-.412.1-.829V5.765c.189 0 .369.11.559.15q1.09.24 2.207.29m5.073 5.323a.27.27 0 0 0-.13-.37a6.6 6.6 0 0 0-.929-.45c-.469-.189-.998-.339-1.438-.499s-.729-.2-1.108-.27a6 6 0 0 0-.76-.1q-.968-.088-1.937 0a.26.26 0 0 0-.25.25a.25.25 0 0 0 .25.24a10 10 0 0 1 1.089.16c.42.08.819.21 1.238.31s.84.19 1.269.3c.43.11.998.16 1.438.279q.46.106.899.28a.29.29 0 0 0 .37-.13m-.86 3.895a.28.28 0 0 0-.12-.37a16 16 0 0 0-3.285-1.388q-.73-.219-1.478-.36c-.5-.1-1-.18-1.508-.23c-1.179-.13-2.357-.14-3.516-.16a.23.23 0 0 0-.228.131a.2.2 0 0 0-.022.09a.22.22 0 0 0 .21.26c1.358.179 2.737.429 4.115.678c.899.17 1.797.32 2.686.55c.952.225 1.881.536 2.777.928a.29.29 0 0 0 .37-.13m-5.683 1.239c-.53-.11-1.059-.2-1.598-.26a20.7 20.7 0 0 0-3.775 0a.25.25 0 0 0-.211.344a.24.24 0 0 0 .23.146c1.221.055 2.436.198 3.636.43l1.528.299q.759.15 1.528.33q1.787.398 3.515.998a.28.28 0 0 0 .36-.15a.26.26 0 0 0-.15-.36a26 26 0 0 0-3.495-1.377c-.52-.15-1.04-.29-1.568-.4m5.522-10.127a4 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. OfficeFileTextIcon.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.