Ipfs Light icon
skill-icons:ipfs-light
The Ipfs Light icon (skill-icons:ipfs-light) is a free SVG icon from the Skill Icons set by tandpfun. It is drawn on a 256 × 256 grid. Skill Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Skill Icons
- Author
- tandpfun
- License
- MIT
- Size
- 256 × 256
- Tags
- ipfslight, ipf
SVG code
<svg 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="#fff" rx="60"/><path fill="#469ea2" d="m42 177.461l86.287 49.82l86.286-49.82v-99.64L128.287 28L42 77.82z"/><path fill="#6acad1" 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="#469ea2" 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="#469ea2" 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="#083b54" fill-opacity=".15" d="M128.287 228v-99.743L42 78.437v99.743z"/><path fill="#083b54" fill-opacity=".05" d="M214.675 177.255v-99.64l-86.286 49.82v99.743z"/></g></svg>How to use the Ipfs Light icon
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:ipfs-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:ipfs-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:ipfs-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--ipfs-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:ipfs-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:ipfs-light"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/skill-icons/ipfs-light.svg" alt="Ipfs Light icon" width="24" height="24">Related icons in Skill Icons
Ipfs Light icon in other icon sets
Ipfs Light icon FAQ
Is the Ipfs Light icon free for commercial use?
Yes. Skill Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Ipfs Light icon in React?
Install @iconify/react and render <Icon icon="skill-icons:ipfs-light" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ipfs Light icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/skill-icons/ipfs-light.svg" alt="Ipfs Light icon">, or paste the SVG code inline to style it with CSS.