Cherry Blossom アイコン
iconoven:cherry-blossom
Cherry Blossom アイコン(iconoven:cherry-blossom)は、IconOven セットの無料 SVG アイコンです(作者: Appic Marketing)。 24 × 24 のグリッドで描かれています。 IconOven icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- IconOven
- 作者
- Appic Marketing
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- cherryblossom
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M9.74 8.12L9.57 4.7q-.05-1.1.91-.56l.56.32q.96.54 1.92 0l.56-.32q.96-.54.91.56l-.17 3.42q-.06 1.1.97.71l3.2-1.22q1.03-.39.81.69l-.13.63q-.21 1.08.6 1.82l.47.44q.81.75-.25 1.03l-3.3.9q-1.06.29-.37 1.15l2.14 2.66q.69.86-.4.99l-.65.07q-1.09.13-1.55 1.13l-.26.59q-.46 1-1.06.08l-1.88-2.87q-.6-.92-1.2 0l-1.88 2.87q-.6.92-1.06-.08l-.26-.59q-.46-1-1.55-1.13L6 17.92q-1.09-.13-.4-.99l2.14-2.66q.69-.86-.37-1.15l-3.3-.9q-1.06-.28-.25-1.03l.47-.44q.81-.74.6-1.82l-.13-.63q-.22-1.08.81-.69l3.2 1.22q1.03.39.97-.71"/><circle cx="12" cy="12.25" r="1.75"/></g></svg>Cherry Blossom アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="iconoven:cherry-blossom" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="iconoven:cherry-blossom" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="iconoven:cherry-blossom" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[iconoven--cherry-blossom]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/iconoven -->
<div class="i-iconoven:cherry-blossom"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="iconoven:cherry-blossom"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/iconoven/cherry-blossom.svg" alt="Cherry Blossom アイコン" width="24" height="24">IconOven の関連アイコン
他のアイコンセットの Cherry Blossom アイコン
Cherry Blossom アイコン のよくある質問
Cherry Blossom アイコンは商用利用でも無料ですか?
はい。IconOven icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cherry Blossom アイコンを使うには?
@iconify/react をインストールして <Icon icon="iconoven:cherry-blossom" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cherry Blossom アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/iconoven/cherry-blossom.svg" alt="Cherry Blossom アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。