Cell アイコン
token-branded:cell
Cell アイコン(token-branded:cell)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGEOph2bni)" d="M7.303 19.878a.743.743 0 0 1-.742-.732a.742.742 0 0 1 1.485 0c0 .4-.338.732-.743.732m6.08-.928a.743.743 0 1 1 1.486 0a.743.743 0 0 1-1.485 0m2.768-.49v-.034a.644.644 0 1 1 1.288.034a.65.65 0 0 1-.618.636h-.029a.64.64 0 0 1-.635-.636zm-6.975-.439a.94.94 0 0 1-.934-.933a.94.94 0 1 1 1.88 0a.94.94 0 0 1-.94.933zm-3.504-.297a.844.844 0 0 1-.816-.833a.844.844 0 0 1 1.682 0a.845.845 0 0 1-.866.833m13.303-.096a.546.546 0 0 1-.546-.54a.546.546 0 0 1 1.086 0a.54.54 0 0 1-.54.54M6.757 14.545a1.04 1.04 0 1 1 2.082 0a1.04 1.04 0 0 1-2.082 0m13.354.49a.445.445 0 0 1 .889 0a.45.45 0 0 1-.889 0m-15.48.343a.94.94 0 0 1-.94-.928a.94.94 0 1 1 1.88 0a.94.94 0 0 1-.94.928m1.339-3.572a1.136 1.136 0 1 1 2.273 0a1.136 1.136 0 0 1-2.273 0m-2.97 0a1.04 1.04 0 1 1 2.08 0a1.04 1.04 0 0 1-2.08 0m3.757-2.74a1.04 1.04 0 1 1 2.082 0a1.04 1.04 0 0 1-2.082 0m-2.126 1.03a.94.94 0 0 1-.94-.928a.94.94 0 0 1 1.88 0a.94.94 0 0 1-.94.928m15.474-1.03a.45.45 0 0 1 .895 0a.45.45 0 0 1-.889 0zM9.188 7.75a.94.94 0 0 1-.939-.933a.94.94 0 1 1 1.879 0a.944.944 0 0 1-.94.933m-3.51-.101a.844.844 0 0 1-.815-.832a.844.844 0 0 1 1.682 0a.844.844 0 0 1-.867.832m13.304-.096a.546.546 0 0 1-.546-.54a.546.546 0 0 1 1.086 0a.54.54 0 0 1-.54.54m-2.819-2.008v-.033a.642.642 0 0 1 1.283.016a.65.65 0 0 1-.182.456a.64.64 0 0 1-1.1-.439m-2.773-.393a.742.742 0 1 1 1.485 0a.742.742 0 0 1-1.485 0m-6.08.444a.743.743 0 0 1-.743-.731a.742.742 0 1 1 1.485 0c0 .4-.337.73-.742.73m5.254 12.875a.843.843 0 1 1-1.687.001a.843.843 0 0 1 1.687 0m-1.407-3.093a.844.844 0 1 0 0-1.687a.844.844 0 0 0 0 1.687m-.281-3.656a.844.844 0 1 1-1.688-.001a.844.844 0 0 1 1.688 0m.281-1.97a.844.844 0 1 0 0-1.686a.844.844 0 0 0 0 1.687m2.531 1.97a.844.844 0 1 1-1.687 0a.844.844 0 0 1 1.687 0M11.72 6.378a.844.844 0 1 0 0-1.689a.844.844 0 0 0 0 1.689"/><defs><linearGradient id="SVGEOph2bni" x1="3" x2="20.843" y1="19.878" y2="5.213" gradientUnits="userSpaceOnUse"><stop stop-color="#964bff"/><stop offset=".37" stop-color="#a695ff"/><stop offset=".65" stop-color="#3ce9ff"/><stop offset=".86" stop-color="#caff2c"/><stop offset="1" stop-color="#ffff21"/></linearGradient></defs></g></svg>
Cell アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:cell" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:cell" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:cell" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--cell]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:cell"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:cell"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/cell.svg" alt="Cell アイコン" width="24" height="24">
Web3 Icons Branded の関連アイコン
Cell アイコン のよくある質問
Cell アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cell アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:cell" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cell アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/cell.svg" alt="Cell アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Web3 Icons Branded アイコン をすべて見る →
ICONYZ
