Ipfs Dark アイコン

Q: Ipfs Dark アイコンは商用利用でも無料ですか?

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:ipfs-dark

Ipfs Dark アイコン(selfhst:ipfs-dark)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512
タグ: ipfsdark、ipf

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="M453.4 157.7v193.8c-8.2 6.5-13.5 16.1-14.5 26.6l-163.5 94.5c-1.3-.6-2.6-1.2-4-1.7l-.3-180.6c15.3-6.9 24.4-22.8 22.6-39.4zm23.4 224.5L255.9 510.7v-254l37.9-22.2l182.6-107.1zm-16.9-235.8l-173 101l.4 4.2c1.5 13.9-6.1 27.1-18.8 32.8l-3.8 1.7l.3 189.3l4.2 1.6c1.2.4 2.3.9 3.4 1.4l3.1 1.5L445 382.1l.3-3.3c.9-8.6 5.2-16.7 12.1-22.1l2.5-2z" opacity=".82"/><path d="M235.9 472.3L77.8 381c-.2-10.6-4.5-20.8-12-28.4c-2.2-2.2-4.7-4.2-7.4-5.9v-182c1.6-1 3.1-2.1 4.6-3.3l154.8 89.5c-2.1 16.7 7.1 32.8 22.6 39.4v180.2c-1.6.5-3 1.1-4.5 1.8m20-215.6v254l-37.6-21.6s0-.1.1-.1L35 383.1V127.5zm-9 29.3l-3.9-1.7c-12.7-5.5-20.4-18.9-18.7-32.7l.5-4.3l-162.5-93.8l-3.5 2.9c-1.2 1-2.5 1.9-3.9 2.8l-3.1 1.9v189.3l3.1 1.9c2.3 1.4 4.4 3.1 6.2 4.9c6.4 6.4 10 14.9 10.1 23.9l.1 3.7l164.3 95l3.1-1.5c1.2-.6 2.4-1.1 3.7-1.6l4.3-1.5V286z"/><path d="m434.4 134.2l-155.9 90.1c-13.5-10-32-10-45.5 0L77.7 134.6c.1-1.4.1-2.8.1-4.3l164.4-94.8c8.8 3.4 18.5 3.4 27.3.1l164.6 95.1c.1 1.1.2 2.3.3 3.5m42-6.8L255.9 256.7L35 127.5L255.9 0zM278 232.1l163.3-94.4l-.5-4.2c-.1-.9-.2-1.9-.2-3l-.1-3.7l-170.4-98.5l-2.9 1.1c-7.3 2.8-15.3 2.7-22.6-.1l-2.9-1.1l-170.4 98.3v3.7c0 1.4 0 2.7-.1 3.9l-.2 4L233.4 232l3.4-2.5c11.3-8.3 26.5-8.4 37.8 0z" opacity=".71"/></svg>

Ipfs Dark アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="selfhst:ipfs-dark" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="selfhst:ipfs-dark" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="selfhst:ipfs-dark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--ipfs-dark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:ipfs-dark"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="selfhst:ipfs-dark"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/ipfs-dark.svg" alt="Ipfs Dark アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

他のアイコンセットの Ipfs Dark アイコン

Ipfs Dark アイコンのよくある質問

Ipfs Dark アイコンは商用利用でも無料ですか?

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Ipfs Dark アイコンを使うには?

@iconify/react をインストールして <Icon icon="selfhst:ipfs-dark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Ipfs Dark アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/ipfs-dark.svg" alt="Ipfs Dark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

selfh.st/icons をすべて見る →