Home/Libraries/Skill Icons (Iconify)/ipfs-light

Skill Icons (Iconify)

IpfsLight

License: MITCommercial Safe

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 256 256"><g fill="none"><rect width="256" height="256" fill="#818cf8" rx="60"/><path fill="#818cf8" d="m42 177.461l86.287 49.82l86.286-49.82v-99.64L128.287 28L42 77.82z"/><path fill="#818cf8" d="m119.453 39.916l-62.66 36.158a18.7 18.7 0 0 1 0 3.39l62.557 36.158a14.94 14.94 0 0 1 17.771 0l62.558-36.158a18.6 18.6 0 0 1 0-3.39l-62.455-36.158a14.95 14.95 0 0 1-17.771 0m86.286 49.512l-62.66 36.569a15.13 15.13 0 0 1-8.834 15.408l.102 71.906c1.013.447 1.977.997 2.877 1.643l62.557-36.158a15.13 15.13 0 0 1 8.834-15.408V91.072a20.6 20.6 0 0 1-2.876-1.644m-154.905.41a16 16 0 0 1-2.876 1.645v72.316a14.77 14.77 0 0 1 8.834 15.408l62.558 36.158a16 16 0 0 1 2.876-1.643v-72.317a14.77 14.77 0 0 1-6.991-6.228a14.76 14.76 0 0 1-1.843-9.18z"/><path fill="#818cf8" d="m128.287 38.786l77.144 44.581v89.06l-77.144 44.582l-77.145-44.582V83.265zm0-10.58L42 78.026v99.64l86.287 49.82l86.286-49.82v-99.64z"/><path fill="#818cf8" d="M128.903 144.59h-1.233a16.087 16.087 0 0 1-16.127-16.128v-1.232a16.08 16.08 0 0 1 9.949-14.911a16.1 16.1 0 0 1 6.178-1.217h1.233a16.087 16.087 0 0 1 16.127 16.128v1.232a16.08 16.08 0 0 1-9.949 14.911a16.1 16.1 0 0 1-6.178 1.217m0 66.255h-1.233a16.08 16.08 0 0 0-14.073 8.218l14.69 8.423l14.689-8.423a16.09 16.09 0 0 0-14.073-8.218m85.773-49.82h-.617a16.09 16.09 0 0 0-14.91 9.95a16.1 16.1 0 0 0-1.217 6.178v1.232a15.54 15.54 0 0 0 2.055 7.807l14.689-8.526zm-14.689-91.422a15.8 15.8 0 0 0-2.055 7.806v1.233a16.086 16.086 0 0 0 16.127 16.127h.617V78.027zm-71.7-41.397l-14.69 8.423a16.16 16.16 0 0 0 14.073 8.32h1.233a16.08 16.08 0 0 0 14.073-8.218zM56.689 69.5L42 78.026v16.743h.616a16.086 16.086 0 0 0 16.128-16.127V77.41a17.1 17.1 0 0 0-2.055-7.91m-14.073 91.525H42v16.641l14.69 8.526a15.8 15.8 0 0 0 2.054-7.807v-1.232a16.08 16.08 0 0 0-9.95-14.911a16.1 16.1 0 0 0-6.178-1.217"/><path fill="#818cf8" fill-opacity=".15" d="M128.287 228v-99.743L42 78.437v99.743z"/><path fill="#818cf8" fill-opacity=".05" d="M214.675 177.255v-99.64l-86.286 49.82v99.743z"/></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. IpfsLightIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** 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.