H2o Background アイコン
token-branded:h2o-background
H2o Background アイコン(token-branded:h2o-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
- タグ
- h2obackground
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="#4393ea" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M7.489 7.243L5.24 10.305l-.086.112c-.463.631-.917 1.241-1.082 2.041c-.056.29-.082.584-.069.874c.06 1.773 1.393 3.425 3.503 3.425c2.452 0 3.823-2.236 3.4-4.299c-.165-.8-.615-1.41-1.082-2.041l-.086-.112zm2.353 3.628c-.736-1.137-2.236-3.027-2.236-3.027a28 28 0 0 1-1.254 2.409c-.364.614-.779 1.08-1.138 1.492c-.765.873-1.323 1.509-.826 2.789c.683 1.756 2.504 2.4 3.953 1.665c1.773-.9 2.595-3.641 1.5-5.328" clip-rule="evenodd"/><path fill="#fff" d="M12.216 11.568v.433h.432v3.027h.433v-1.514h1.73v1.514h.432v-3.46h-.432v1.514h-1.73v-1.514z"/><path fill="#fff" fill-rule="evenodd" d="M18.703 15.028c.718 0 1.297-.778 1.297-1.73c0-.951-.58-1.73-1.297-1.73c-.718 0-1.298.779-1.298 1.73c0 .952.58 1.73 1.298 1.73m0-.432c.475 0 .864-.58.864-1.298s-.389-1.297-.864-1.297c-.476 0-.865.58-.865 1.297c0 .718.389 1.298.865 1.298" clip-rule="evenodd"/><path fill="#fff" d="M15.909 15.028v-.113l.415-.462l.121-.143a.5.5 0 0 0 .07-.112a.3.3 0 0 0 .025-.113a.2.2 0 0 0-.034-.117a.2.2 0 0 0-.087-.078a.3.3 0 0 0-.121-.025a.3.3 0 0 0-.13.03a.2.2 0 0 0-.082.086a.3.3 0 0 0-.026.13h-.147a.37.37 0 0 1 .39-.38q.11.001.194.047c.056.03.104.073.134.13a.3.3 0 0 1 .052.177a.4.4 0 0 1-.026.138a.6.6 0 0 1-.087.152c-.043.052-.099.121-.173.199l-.28.303v.012h.587v.139z"/><path fill="#fff" d="m9.837 14.656l.06-.58a2.5 2.5 0 0 1-2.21 1.354c-1.841.017-2.72-1.92-1.785-3.365A8.8 8.8 0 0 1 7.978 9.99l-.835-1.198q-.373.744-.796 1.462c-.363.614-.774 1.081-1.137 1.492c-.242.277-.463.528-.636.783a4 4 0 0 0-.195 1.994l.005.013c.683 1.755 2.508 2.4 3.957 1.665a3.55 3.55 0 0 0 1.492-1.544z" opacity=".4"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>H2o Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:h2o-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:h2o-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:h2o-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--h2o-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:h2o-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:h2o-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/h2o-background.svg" alt="H2o Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
H2o Background アイコン のよくある質問
H2o Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で H2o Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:h2o-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
H2o Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/h2o-background.svg" alt="H2o Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。