Air Background アイコン
token-branded:air-background
Air Background アイコン(token-branded:air-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
- タグ
- airbackground
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="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVGTrNU0b4o)" d="M17.35 8.92c-.05.145-2.336-1.31-4.42-.315a3.66 3.66 0 0 0-2.14 3.305c0 .94.32 1.65.675 2.11c.57.75 1.1 1.035 1.564 1.29c.74.4 2 .415 2.38.4c.71-.04 1.55-.25 2.25-.585c.275-.125.71-.4 1.095-.71c.65-.53 1.255-1.19 1.245-1.14c-.015.08-.01.15-.335.725a6.4 6.4 0 0 1-2.585 2.475a5.83 5.83 0 0 1-4.675.435A5.65 5.65 0 0 1 9.58 14.6c-.34-.645-.95-3.02-.13-4.905a4.63 4.63 0 0 1 2.17-2.15c2.514-1.065 5.784 1.245 5.734 1.375z"/><path fill="url(#SVGgbqpVbWv)" d="M17.424 8.8c-.1.1-.835-.8-2.01-1.44a6.65 6.65 0 0 0-3.19-.81c-2.6.055-4.324 1.985-4.634 2.345c-1.54 1.79-2.265 4.545-1.4 6.685c1.125 2.785 4.895 4.39 4.605 4.42l-.33-.105c-.4-.16-5.275-2.385-5.45-6.82c-.1-2.5.7-4.52 1.175-5.07a7.2 7.2 0 0 1 2.08-1.74c1.14-.614 3.285-1.14 4.875-.9c1.785.27 2.904 1.535 3.45 2.15c.495.55.914 1.205.83 1.285"/><path fill="url(#SVGX3fd5dzl)" d="M17.415 8.92c.12-.055-.04-1.715-1.105-2.975a5.5 5.5 0 0 0-1.485-1.3c-2.395-1.315-5.34-.255-5.98 0c-.65.265-2.05.985-3.214 2.46a7.8 7.8 0 0 0-1.59 4.24c-.32 3.34 1.395 5.96 1.515 5.92c.075-.02-.705-1.69-.54-4.19c.065-.95.195-2.69 1.385-4.365a7.35 7.35 0 0 1 2.65-2.35c.63-.315 2.884-1.33 5.144-.52c.685.25 1.32.63 1.865 1.125c.985.91 1.25 2 1.35 1.95z"/><path fill="url(#SVGkxqAwbRA)" d="M13.944 18.275c-.06.1-3.964-1.03-5.434-3.815c-.22-.415-1.24-2.65-.57-4.385a7.4 7.4 0 0 1 1.05-1.79a5 5 0 0 1 1.75-1.11c.344-.145.98-.3 1.35-.35a7 7 0 0 1 1.314 0c.72.075 1.7.925 1.67.925c-.01 0-.775-.25-1.57-.3a4.7 4.7 0 0 0-1.62.2a4.3 4.3 0 0 0-1.764 1.185a4.25 4.25 0 0 0-.9 2.375c-.06.765.02 1.88.35 2.75c.155.42.425.95.95 1.65c1.1 1.49 3.464 2.595 3.424 2.665"/><path fill="url(#SVGDK6pUbiY)" d="M11.824 6.48a5.4 5.4 0 0 1 1.93 0c.77.155 1.2.315 1.725.59c.9.465 2.035 1.655 1.95 1.835c-.16.32-2.55-2.245-5.835-1.36c-.93.32-1.5.62-2.1 1.075a5.38 5.38 0 0 0-2.044 4.12c0 1.03.19 1.63.425 2.285c.325.935.94 2 .84 1.93c-1.125-.79-1.83-3.23-1.905-3.735c-.08-.505-.41-2.7 1.02-4.52c1.3-1.665 3.49-2.15 3.994-2.22"/></g><defs><linearGradient id="SVGTrNU0b4o" x1="15.924" x2="15.924" y1="7.32" y2="17.25" gradientUnits="userSpaceOnUse"><stop stop-color="#fab961"/><stop offset="1" stop-color="#20180d"/></linearGradient><linearGradient id="SVGgbqpVbWv" x1="11.22" x2="11.22" y1="5.306" y2="20.025" gradientUnits="userSpaceOnUse"><stop stop-color="#fab961"/><stop offset="1" stop-color="#20180d"/></linearGradient><linearGradient id="SVGX3fd5dzl" x1="10.725" x2="10.725" y1="4.08" y2="17.27" gradientUnits="userSpaceOnUse"><stop/><stop offset=".41" stop-color="#fab961"/></linearGradient><linearGradient id="SVGkxqAwbRA" x1="10.884" x2="10.884" y1="7.28" y2="18.005" gradientUnits="userSpaceOnUse"><stop/><stop offset="1" stop-color="#fab961"/></linearGradient><linearGradient id="SVGDK6pUbiY" x1="12.074" x2="12.074" y1="6.65" y2="16.96" gradientUnits="userSpaceOnUse"><stop stop-color="#20180d"/><stop offset="1" stop-color="#fab961"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Air Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:air-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:air-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:air-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--air-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:air-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:air-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/air-background.svg" alt="Air Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Air Background アイコン のよくある質問
Air Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Air Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:air-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Air Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/air-background.svg" alt="Air Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。