Jasmy Background アイコン
token-branded:jasmy-background
Jasmy Background アイコン(token-branded:jasmy-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
- タグ
- jasmybackground
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="#f6931e" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M9.26 4.482q.679-.248 1.41-.372v.41h.677v-.494a8 8 0 0 1 1.33.003v.491h.679v-.405q.736.126 1.419.38l-.168.348l.611.294l.183-.38c.427.2.834.44 1.216.71l-.258.296l.513.444l.282-.325q.551.466 1.013 1.022l-.314.201l.367.571l.358-.23q.402.58.7 1.228l-.335.112l.214.643l.377-.125q.241.673.36 1.397h-.366v.688l.448-.01c.036.463.031.929-.013 1.39l-.003-.016h-.447v.688l.359-.007a8 8 0 0 1-.382 1.383l-.305-.153l-.31.614l.347.166a8 8 0 0 1-.713 1.208l-.234-.238l-.49.483l.302.294q-.458.537-1.003.985l-.159-.289l-.602.332l.214.37a8 8 0 0 1-1.163.667l-.079-.3l-.665.176l.11.386a8 8 0 0 1-1.428.375v-.36h-.65v.44q-.676.056-1.354-.003v-.429h-.65v.347a8 8 0 0 1-1.372-.36l.114-.396l-.665-.175l-.082.311a8 8 0 0 1-1.281-.742l.202-.221l-.446-.407l-.236.259q-.542-.45-.999-.989l.262-.19l-.399-.55l-.279.204a8 8 0 0 1-.72-1.23l.315-.092l-.194-.65l-.384.114a8 8 0 0 1-.37-1.364l.39-.02l-.032-.677l-.448.023a8 8 0 0 1-.006-1.4l.409.038l.063-.675l-.388-.037q.121-.715.362-1.382l.346.155l.277-.62l-.365-.162q.295-.639.694-1.212l.326.256l.419-.533l-.335-.263q.453-.547.995-1.007l.246.31l.531-.422l-.241-.304q.595-.425 1.266-.737l.18.393l.616-.282zM12 18.588a6.588 6.588 0 1 0 0-13.176a6.588 6.588 0 0 0 0 13.176M18.117 12a6.117 6.117 0 1 1-12.234 0a6.117 6.117 0 0 1 12.234 0M12 8.706a.941.941 0 1 0 0-1.882a.941.941 0 0 0 0 1.882M9.647 11.06l3.294-1.817v2.828l3.294-1.665v.629l-3.294 1.67v2.083c0 1.592-.95 2.578-2.097 2.578c-1.036 0-2.027-.54-2.027-1.845c0-1.191 1.336-2.171 2.712-2.816V10.69l-1.882.956zm1.882 3.465v-1.112c-.767.453-1.29 1.2-1.38 1.679s-.017 1.243.614 1.134c.632-.11.766-1.134.766-1.701" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Jasmy Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:jasmy-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:jasmy-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:jasmy-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--jasmy-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:jasmy-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:jasmy-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/jasmy-background.svg" alt="Jasmy Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Jasmy Background アイコン のよくある質問
Jasmy Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Jasmy Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:jasmy-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Jasmy Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/jasmy-background.svg" alt="Jasmy Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。