Watermelon アイコン
emojione-monotone:watermelon
Watermelon アイコン(emojione-monotone:watermelon)は、Emoji One (Monotone) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Monotone)
- 作者
- Emoji One
- ライセンス
- CC-BY-4.0
- サイズ
- 64 × 64
- カテゴリ
- 食べ物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="currentColor" fill-rule="evenodd"><path d="M19.712 40.986c1.208.028 2.174-.885 2.16-2.041s-2.24-4.212-2.24-4.212s-2.147 2.955-2.133 4.109s1.004 2.117 2.213 2.144m9.041 1.939c.014 1.154 1.005 2.116 2.213 2.144s2.174-.885 2.159-2.041s-2.24-4.211-2.24-4.211s-2.146 2.954-2.132 4.108m9.552-8.193c1.209.029 2.174-.885 2.159-2.041s-2.239-4.212-2.239-4.212s-2.148 2.955-2.135 4.109c.014 1.155 1.006 2.117 2.215 2.144m7.444 9.757c1.208.028 2.175-.887 2.159-2.043c-.014-1.155-2.24-4.21-2.24-4.21s-2.146 2.956-2.133 4.109c.015 1.155 1.006 2.116 2.214 2.144M29.833 25.223c1.208.027 2.174-.887 2.159-2.042c-.014-1.155-2.24-4.212-2.24-4.212s-2.147 2.957-2.133 4.11c.015 1.154 1.006 2.115 2.214 2.144"/><path d="M61.035 48.085L33.894 5.058L31.964 2L30.04 5.061L2.961 48.145L2 49.674l1.313 1.249C10.829 58.065 20.998 62 31.947 62c10.979 0 21.184-3.953 28.737-11.134L62 49.615zM31.968 6.234l22.676 35.949l-.134.101c-6.345 4.724-14.355 7.325-22.558 7.325c-8.176 0-16.157-2.586-22.472-7.282l-.135-.101zM53.41 53.362a38.4 38.4 0 0 1-6.098 3.111l-2.006-5.272a41 41 0 0 1-9.885 2.064v6.024c-2.277.19-4.567.19-6.842.008v-6.024a41 41 0 0 1-9.894-2.047l-2.009 5.28a38 38 0 0 1-6.1-3.104l1.875-4.933a37 37 0 0 1-4.97-3.278l.902-1.435l.004-.006c6.85 5.094 15.203 7.642 23.565 7.642c8.379 0 16.768-2.561 23.652-7.688l.001.003l.909 1.44a37.4 37.4 0 0 1-4.979 3.288z"/></g></svg>
Watermelon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-monotone:watermelon" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-monotone:watermelon" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-monotone:watermelon" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--watermelon]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:watermelon"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-monotone:watermelon"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-monotone/watermelon.svg" alt="Watermelon アイコン" width="24" height="24">
他のアイコンセットの Watermelon アイコン
Watermelon アイコン のよくある質問
Watermelon アイコンは商用利用でも無料ですか?
はい。Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Watermelon アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-monotone:watermelon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Watermelon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-monotone/watermelon.svg" alt="Watermelon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (Monotone) アイコン をすべて見る →
ICONYZ
