C3 Background アイコン
token-branded:c3-background
C3 Background アイコン(token-branded:c3-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
- タグ
- c3background
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(#SVGrRSrVcgx)" d="M18.437 9.93c0-2.603-3.971-4.589-5.825-4.589C6.39 5.341 4 11.176 4 13.637s2.423 3.934 3.727 4.513c1.308.579 3.896 1.85 5.666 1.85c4.706 0 4.574-4.927 4.522-5.883c-.047-.96.522-2.216.522-4.183z"/><path fill="#ced4cc" d="M12.612 4C17.822 4 20 8.927 20 11.652c0 5.143-3.84 6.579-5.779 6.23c-2.39-.423-2.898-.395-5.482-.856c-2.136-.381-3.223-2.447-3.223-6.579C5.516 5.934 9.614 4 12.612 4"/><path fill="url(#SVGzwdMjcmq)" d="M5.67 8.976a8.13 8.13 0 0 1 6.942-3.563c1.854 0 5.826 1.916 5.826 4.523c0 1.105-.18 1.985-.33 2.715c-.117.564-.212 1.044-.188 1.468c.019.428.057 1.67-.339 2.899c-.913.64-1.93 1.1-2.757 1.1c-1.073.006-2.17-.314-3.233-.46c-.762-.104-1.539-.396-2.852-.63c-2.136-.382-3.223-2.448-3.223-6.58c0-.527.056-1.016.155-1.472"/><path fill="#6d7b55" d="M14.352 9.577c0-2.211-2.485-3.073-3.722-3.223c-3.356 0-5.69 2.39-5.69 5.6c0 3.2 3.591 3.811 5.887 3.811c2.302 0 3.525-3.426 3.525-6.188"/><path fill="#525344" d="M12.94 9.713c0-1.661-1.863-2.306-2.795-2.419c-2.513 0-4.263 1.793-4.263 4.198c0 2.4 2.692 2.86 4.419 2.86c1.722 0 2.64-2.568 2.64-4.64"/><path fill="#31302d" d="M11.999 9.846c0-1.106-1.242-1.534-1.863-1.61a2.72 2.72 0 0 0-2.843 2.8c0 1.6 1.793 1.906 2.946 1.906c1.148 0 1.76-1.713 1.76-3.096"/><path fill="#fffffe" d="M14.352 10.656a2.66 2.66 0 0 0-2.117-1.007c-.88 0-1.652.4-2.118 1.007A2.66 2.66 0 0 0 7.99 9.649c-1.421 0-2.579 1.054-2.579 2.353h.922c0-.833.744-1.567 1.662-1.567c.913 0 1.656.734 1.656 1.567h.927c0-.833.739-1.567 1.657-1.567c.917 0 1.656.734 1.656 1.567h.932c0-.833.743-1.567 1.656-1.567c.918 0 1.657.734 1.657 1.567h.922c0-1.299-1.158-2.353-2.584-2.353c-.875 0-1.651.4-2.117 1.007z"/><path fill="url(#SVGuwQiJeSO)" d="M14.352 13.346a2.66 2.66 0 0 1-2.117 1.007a2.66 2.66 0 0 1-2.118-1.007a2.66 2.66 0 0 1-2.127 1.007c-1.421 0-2.58-1.053-2.58-2.353h.922c0 .833.744 1.567 1.662 1.567c.913 0 1.656-.734 1.656-1.567h.927c0 .833.739 1.567 1.657 1.567c.917 0 1.656-.734 1.656-1.567h.932c0 .833.743 1.567 1.656 1.567c.918 0 1.657-.734 1.657-1.567h.922c0 1.3-1.158 2.353-2.584 2.353a2.66 2.66 0 0 1-2.117-1.007z"/></g><defs><linearGradient id="SVGrRSrVcgx" x1="11.228" x2="9.821" y1="15.059" y2="19.058" gradientUnits="userSpaceOnUse"><stop stop-color="#a6bea7"/><stop offset="1" stop-color="#cbd8c8"/></linearGradient><linearGradient id="SVGzwdMjcmq" x1="8.297" x2="18.217" y1="10.152" y2="15.606" gradientUnits="userSpaceOnUse"><stop stop-color="#89a682"/><stop offset="1" stop-color="#bfd2ad"/></linearGradient><linearGradient id="SVGuwQiJeSO" x1="10.352" x2="10.249" y1="12.772" y2="11.52" gradientUnits="userSpaceOnUse"><stop stop-color="#21ad4c"/><stop offset="1" stop-color="#3b493e"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>C3 Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:c3-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:c3-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:c3-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--c3-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:c3-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:c3-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/c3-background.svg" alt="C3 Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
C3 Background アイコン のよくある質問
C3 Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で C3 Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:c3-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
C3 Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/c3-background.svg" alt="C3 Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。