Ipfs Dark icon
skill-icons:ipfs-dark
The Ipfs Dark icon (skill-icons:ipfs-dark) 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
- ipfsdark, 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="#242938" 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 Dark icon
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:ipfs-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:ipfs-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:ipfs-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--ipfs-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:ipfs-dark"></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-dark"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/skill-icons/ipfs-dark.svg" alt="Ipfs Dark icon" width="24" height="24">Related icons in Skill Icons
Ipfs Dark icon in other icon sets
Ipfs Dark icon FAQ
Is the Ipfs Dark 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 Dark icon in React?
Install @iconify/react and render <Icon icon="skill-icons:ipfs-dark" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ipfs Dark icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/skill-icons/ipfs-dark.svg" alt="Ipfs Dark icon">, or paste the SVG code inline to style it with CSS.