Cherries Light アイコン
ph:cherries-light
Cherries Light アイコン(ph:cherries-light)は、Phosphor セットの無料 SVG アイコンです（作者: Phosphor Icons）。 256 × 256 のグリッドで描かれています。 Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Phosphor
- 作者
- Phosphor Icons
- ライセンス
- MIT
- サイズ
- 256 × 256
- タグ
- food、fruit、cherry、groceries、market、cherrieslight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M176 74a68 68 0 0 0-8.83.57a89.8 89.8 0 0 0-21.8-25.69c-37.18-30-88.07-23.13-90.22-22.82A6 6 0 0 0 52.67 37c18.72 12.47 26.87 33.31 30.05 53.22A70 70 0 1 0 141.59 205A70 70 0 1 0 176 74m-38.1-15.73a77.6 77.6 0 0 1 16.86 19A70.3 70.3 0 0 0 122.35 99a69.5 69.5 0 0 0-27.42-8.69c-3.22-22.13-11.2-40.14-23.46-53.1c16.76.22 44.72 3.51 66.43 21.06m8.2 62.73a70.7 70.7 0 0 0-13.77-15.12a58.17 58.17 0 0 1 28.23-17.74a113.5 113.5 0 0 1 8.78 33.31c-8.61-1.5-12.92-5.51-13.1-5.68A6 6 0 0 0 146.1 121M88 218a58 58 0 0 1-3.92-115.85a177 177 0 0 1-1.15 35.52c-9.66-1.25-14.5-5.73-14.69-5.91a6 6 0 0 0-8.48 8.48c.4.4 10 9.76 28.24 9.76s27.84-9.36 28.24-9.76a6 6 0 1 0-8.43-8.53c-.22.2-4.41 4.08-12.72 5.64a186.4 186.4 0 0 0 1.11-34.76A58 58 0 0 1 88 218m88-16a57.75 57.75 0 0 1-27.47-6.91a69.73 69.73 0 0 0 0-70.12c2.65 2.26 11.88 9 27.44 9c18.28 0 27.84-9.36 28.24-9.76a6 6 0 0 0 0-8.51a6 6 0 0 0-8.46 0c-.23.22-5 4.59-14.36 5.91a129 129 0 0 0-8.66-35.52c1.06-.06 2.14-.1 3.21-.1a58 58 0 0 1 0 116Z"/></svg>Cherries Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ph:cherries-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:cherries-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:cherries-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--cherries-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:cherries-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:cherries-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ph/cherries-light.svg" alt="Cherries Light アイコン" width="24" height="24">Phosphor の関連アイコン
Cherries Light アイコン のよくある質問
Cherries Light アイコンは商用利用でも無料ですか?
はい。Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cherries Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="ph:cherries-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cherries Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ph/cherries-light.svg" alt="Cherries Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。