Home/Libraries/Font-GIS (Iconify)/i3s-file

Font-GIS (Iconify)

I3sFile

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 100 100"><path fill="#818cf8" d="M13.996 0a2.5 2.5 0 0 0-2.5 2.5V70H0v22h11.496v5.5a2.5 2.5 0 0 0 2.5 2.5h72a2.5 2.5 0 0 0 2.5-2.5V21.625c.027-1.113.004-1.777-.732-2.59L69.46.732A2.5 2.5 0 0 0 67.662 0zm2.5 5h48.902l1.252 14.568a2.5 2.5 0 0 0 2.278 2.278l14.568 1.252V95h-67v-3H80V70H16.496zm23.418 67.783q2.989 0 4.322 1.113q1.334 1.116 1.334 2.803q0 .99-.54 1.791q-.543.803-1.637 1.406q.886.22 1.355.512q.76.469 1.176 1.238q.428.761.428 1.825q0 1.334-.698 2.562q-.698 1.218-2.011 1.885q-1.312.656-3.448.656q-2.083 0-3.29-.49a5 5 0 0 1-1.981-1.426q-.771-.948-1.188-2.375l4.24-.562q.251 1.281.772 1.781q.531.488 1.344.488q.853 0 1.416-.625q.572-.624.572-1.666q0-1.062-.55-1.646q-.543-.583-1.481-.582q-.5 0-1.375.25l.219-3.032q.354.052.552.051q.834 0 1.385-.531q.563-.531.563-1.26q0-.698-.416-1.115q-.417-.416-1.147-.416q-.75 0-1.219.459q-.468.448-.634 1.582l-4.01-.719q.499-1.917 1.916-2.937q1.427-1.02 4.031-1.02m17.104 0q2.927 0 4.459 1.094q1.542 1.083 1.834 3.457l-4.45.262q-.177-1.032-.75-1.5q-.563-.47-1.562-.469q-.822 0-1.238.353q-.418.344-.418.844q0 .365.343.656q.334.303 1.584.563q3.095.666 4.428 1.353q1.344.677 1.947 1.688q.615 1.011.616 2.262q0 1.467-.813 2.707q-.814 1.24-2.271 1.886q-1.46.636-3.678.635q-3.895 0-5.395-1.5t-1.699-3.812l4.49-.282q.146 1.095.594 1.666q.73.928 2.084.928q1.01 0 1.55-.469q.554-.478.554-1.103q0-.594-.522-1.063q-.52-.469-2.416-.886q-3.105-.698-4.428-1.854q-1.333-1.155-1.332-2.947a4 4 0 0 1 .676-2.219q.688-1.052 2.053-1.646q1.374-.604 3.76-.604m-32.582.26h4.728v15.271h-4.728z" color="#818cf8"/><path fill="#818cf8" d="m70.771 9.115l8.61 8.61l-7.928-.682z" color="#818cf8"/><path fill="#818cf8" fill-rule="evenodd" d="M37.836 14.582a1.9 1.9 0 0 0-.576.09l-11.114 3.56a2 2 0 0 0-.117.063a2 2 0 0 0-.273.144a2 2 0 0 0-.305.223a2 2 0 0 0-.207.236a2 2 0 0 0-.201.32a2 2 0 0 0-.107.284a2 2 0 0 0-.073.377a2 2 0 0 0-.029.152v26.403a1.89 1.89 0 0 0 1.312 1.798l13.782 4.416a2 2 0 0 0 .422.079l.064.003a1.9 1.9 0 0 0 .625-.076l.041-.006l11.113-3.56a1.89 1.89 0 0 0 1.313-1.799V20.887a2 2 0 0 0-.012-.149l-.008-.105a2 2 0 0 0-.082-.354l-.043-.103a2 2 0 0 0-.123-.248l-.062-.102a2 2 0 0 0-.237-.287l-.048-.043a2 2 0 0 0-.25-.191l-.106-.065a2 2 0 0 0-.33-.148l-.012-.006l-13.78-4.414a1.9 1.9 0 0 0-.577-.09m0 3.875l7.586 2.43l-1.66.531l-3.258 1.043l-7.584-2.43zm-9.223 4.166l10.002 3.203V48.26l-10.002-3.205zm21.114.854V45.91l-7.332 2.348V25.824l3.806-1.219z" color="#818cf8"/><path fill="#818cf8" d="M64.85 34.191a1.89 1.89 0 0 0-2.041 1.725L61.41 52.682a1.89 1.89 0 0 0 1.727 2.039a1.89 1.89 0 0 0 2.039-1.725l1.4-16.766a1.89 1.89 0 0 0-1.726-2.039m-7.508 22.612l-20.076 2.234a1.89 1.89 0 0 0-1.67 2.086a1.89 1.89 0 0 0 2.088 1.67l20.076-2.234a1.89 1.89 0 0 0 1.67-2.088a1.89 1.89 0 0 0-2.088-1.668" color="#818cf8"/><path fill="#818cf8" d="M32.793 54.527c-3.395 0-6.19 2.793-6.19 6.188s2.795 6.187 6.19 6.187s6.187-2.792 6.187-6.187s-2.792-6.188-6.187-6.188m0 3.78a2.38 2.38 0 0 1 2.408 2.408a2.38 2.38 0 0 1-2.408 2.408a2.38 2.38 0 0 1-2.41-2.408a2.38 2.38 0 0 1 2.41-2.408m29.747-7.051c-3.396 0-6.188 2.792-6.188 6.187s2.792 6.19 6.187 6.19s6.188-2.795 6.188-6.19s-2.793-6.187-6.188-6.187m0 3.78a2.38 2.38 0 0 1 2.407 2.407a2.38 2.38 0 0 1-2.408 2.409a2.38 2.38 0 0 1-2.408-2.409a2.38 2.38 0 0 1 2.408-2.408m2.464-29.523c-3.395 0-6.188 2.792-6.188 6.187s2.793 6.19 6.188 6.19s6.187-2.795 6.187-6.19s-2.792-6.187-6.187-6.187m0 3.779a2.38 2.38 0 0 1 2.408 2.408a2.38 2.38 0 0 1-2.408 2.41a2.38 2.38 0 0 1-2.408-2.41a2.38 2.38 0 0 1 2.408-2.408" color="#818cf8"/></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. I3sFileIcon.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.

Related Icons in Font-GIS (Iconify)

Browse all Font-GIS (Iconify) icons →

360