Иконка Ipfs Light

skill-icons:ipfs-light

Иконка Ipfs Light (skill-icons:ipfs-light) — бесплатная SVG-иконка из набора Skill Icons от tandpfun. Она нарисована на сетке 256 × 256. Skill Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Skill Icons
Автор: tandpfun
Лицензия: MIT
Размер: 256 × 256
Теги: ipfslight, ipf

Скачать SVG

Код SVG

<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>

Как использовать иконку Ipfs Light

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>

Веб-компонент

<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

<img src="https://iconyz.com/api/public/svg/skill-icons/ipfs-light.svg" alt="Иконка Ipfs Light" width="24" height="24">

Иконка Ipfs Light в других наборах

Вопросы и ответы: Иконка Ipfs Light

Можно ли бесплатно использовать иконку Ipfs Light в коммерческих проектах?

Да. Skill Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Ipfs Light в React?

Установите @iconify/react и выведите <Icon icon="skill-icons:ipfs-light" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Ipfs Light на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/skill-icons/ipfs-light.svg" alt="Иконка Ipfs Light">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Skill Icons →