Silk Background アイコン
token-branded:silk-background
Silk Background アイコン(token-branded:silk-background)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- silkbackground
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="#39c" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M20 12a8 8 0 1 1-16 0a8 8 0 0 1 16 0m-.5 0a7.5 7.5 0 1 1-15 0a7.5 7.5 0 0 1 15 0" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M17.339 15.796a6.4 6.4 0 0 0 1.161-2.807a1.05 1.05 0 0 1-.701-.989a1.05 1.05 0 0 1 .701-.988a6.4 6.4 0 0 0-1.225-2.893q-.198.088-.431.09c-.587 0-1.064-.47-1.064-1.051c0-.143.03-.285.087-.416A6.6 6.6 0 0 0 12 5.5a6.6 6.6 0 0 0-3.895 1.263q.076.184.077.395c0 .58-.476 1.051-1.064 1.051q-.215-.001-.402-.077A6.4 6.4 0 0 0 5.5 11.028c.385.159.656.534.656.972a1.05 1.05 0 0 1-.656.972a6.4 6.4 0 0 0 1.157 2.814c.143-.071.305-.11.476-.11c.587 0 1.064.47 1.064 1.05c0 .177-.044.343-.122.489a6.6 6.6 0 0 0 3.926 1.285a6.6 6.6 0 0 0 3.908-1.272a1.04 1.04 0 0 1-.129-.502c0-.58.477-1.05 1.064-1.05c.172-.001.342.04.495.12m-4.144-4.21c.285-.347.844-1.233.803-1.987c-.052-.942-.62-1.993-2.023-3.1C11.285 7.027 10 8.202 10 9.6c0 1.16.485 1.674.758 1.964l.023.024l1.634 1.647c.158.166.468.624.438 1.13c-.036.632-.487 1.215-.853 1.531c-.289-.162-.873-.695-.902-1.531c-.02-.207.043-.734.463-1.191l-.78-.79c-.26.226-.78.94-.78 1.98c0 1.302 1.011 2.274 1.999 3.137c.665-.519 1.998-1.872 1.998-3.136s-.91-2.22-1.364-2.54l-1.073-1.034c-.154-.126-.463-.54-.463-1.19c0-.652.585-1.301.878-1.544c.292.226.877.853.877 1.543s-.292 1.082-.438 1.191z" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Silk Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:silk-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:silk-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:silk-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--silk-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:silk-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:silk-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/silk-background.svg" alt="Silk Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Silk Background アイコン のよくある質問
Silk Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Silk Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:silk-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Silk Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/silk-background.svg" alt="Silk Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。