Cyber Background アイコン
token-branded:cyber-background
Cyber Background アイコン(token-branded:cyber-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
- タグ
- cyberbackground
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="#e4323e" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.785 9.5h1.17c.1 0 .2-.05.25-.135l.806-1.326c.11-.18.395-.175.5.005l.775 1.316c.05.085.15.14.25.14h1.18c.215 0 .355-.215.25-.395l-2.4-3.946a.36.36 0 0 0-.6 0L9.54 9.109c-.11.17.025.39.25.39zm-5.51 9.502h5.34c.245 0 .365-.296.2-.47l-1.02-1.03h-1.76c-.265 0-.425-.356-.27-.58l.435-.641a.395.395 0 0 0-.05-.5l-.7-.685a.276.276 0 0 0-.425.06L4.039 18.58c-.11.186.025.42.235.42m15.452 0h-5.34c-.246 0-.366-.296-.2-.47l1.02-1.03h1.76c.265 0 .425-.356.27-.58l-.435-.641a.395.395 0 0 1 .05-.5l.7-.685a.268.268 0 0 1 .425.06l1.985 3.425a.28.28 0 0 1-.235.42M11.5 10.287v2.3a.4.4 0 0 1-.385.41h-.77c-.216 0-.345-.18-.345-.405v-.675c0-.16-.166-.42-.316-.42h-2.75c-.245 0-.365.45-.19.63l2.76 2.85c.17.176.495.166.495-.084c0-.22.126-.4.335-.4h.78a.4.4 0 0 1 .386.41v3.745c0 .31-.35.465-.565.25l-6.337-6.66a.365.365 0 0 1 0-.5L6.26 10h4.967c.15 0 .275.13.275.29m1 8.361v-8.186c0-.255.2-.465.445-.465h4.616c.12 0 .235.05.315.14l1.53 1.65c.075.08.1.185.095.285c-.015.12-.095.22-.17.315l-.07.09l-.235.33l-.01.01c-.06.08-.125.175-.23.18h-1.545c-.11 0-.24-.09-.24-.21v-.08c0-.15.1-.29.21-.385l.015-.015c.06-.05.135-.34.135-.425c0-.155-.165-.385-.315-.385h-2.72c-.15 0-.326.26-.326.42v2.81c0 .316.41.47.62.246l.515-.45c.02-.02.05-.025.08-.025h1.296c.295 0 .44.365.235.59l-3.676 3.806c-.21.225-.57.065-.57-.246"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Cyber Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:cyber-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:cyber-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:cyber-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--cyber-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:cyber-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:cyber-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/cyber-background.svg" alt="Cyber Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Cyber Background アイコン のよくある質問
Cyber Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cyber Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:cyber-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cyber Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/cyber-background.svg" alt="Cyber Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。