Fruit Watermelon アイコン
streamline-ultimate-color:fruit-watermelon
Fruit Watermelon アイコン(streamline-ultimate-color:fruit-watermelon)は、Ultimate color icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Ultimate color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Ultimate color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 飲食
- タグ
- fruitwatermelon
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#78eb7b" d="M22.57 13.51a12.766 12.766 0 0 1-21.434 5.684a.476.476 0 0 1 0-.668l1.67-1.67c4.616 4.617 10.779 3.94 14.384.335s4.264-9.77-.334-14.375v-.01l1.67-1.67a.477.477 0 0 1 .667 0A12.76 12.76 0 0 1 22.57 13.51"/><path fill="#ff808c" d="M16.857 2.816L2.806 16.858c4.616 4.616 10.779 3.938 14.384.334s4.264-9.77-.334-14.376M7.823 17.28c-.524 0-.944-.628-.944-1.421s.42-1.412.944-1.412s.944.63.944 1.412s-.42 1.421-.944 1.421m6.353-3.1c-.372.373-1.116.22-1.67-.334c-.552-.553-.705-1.296-.333-1.669s1.116-.22 1.67.334c.552.553.705 1.305.333 1.666zm1.679-5.398c-.792 0-1.421-.42-1.421-.944s.63-.945 1.42-.945c.793 0 1.413.42 1.413.945s-.63.941-1.412.941z"/><path fill="#c9f7ca" d="M2.807 16.86a11.6 11.6 0 0 0 2.928 2.155l-2.137 2.137a12.7 12.7 0 0 1-2.46-1.955a.477.477 0 0 1 0-.668zM21.14 3.61l-2.136 2.137a11.4 11.4 0 0 0-2.147-2.929v-.01l1.67-1.668a.477.477 0 0 1 .667 0c.747.741 1.4 1.57 1.946 2.47"/><path fill="#ffbfc5" d="M16.857 2.818L2.807 16.86a11.6 11.6 0 0 0 2.928 2.155l1.812-1.802a1.44 1.44 0 0 1-.668-1.355c0-.782.42-1.412.945-1.412s.944.63.944 1.412a.6.6 0 0 1-.01.133l3.225-3.224a.68.68 0 0 1 .782-.782l3.214-3.214a.6.6 0 0 1-.124.01c-.791 0-1.42-.42-1.42-.945s.629-.945 1.42-.945a1.43 1.43 0 0 1 1.345.668l1.803-1.812a11.4 11.4 0 0 0-2.146-2.929"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M22.57 13.51a12.766 12.766 0 0 1-21.434 5.684a.476.476 0 0 1 0-.668l1.67-1.67c4.616 4.617 10.779 3.94 14.384.335s4.264-9.77-.334-14.375v-.01l1.67-1.67a.477.477 0 0 1 .667 0A12.76 12.76 0 0 1 22.57 13.51"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M16.857 2.816L2.806 16.858c4.616 4.616 10.779 3.938 14.384.334s4.264-9.77-.334-14.376M7.823 17.28c-.524 0-.944-.628-.944-1.421s.42-1.412.944-1.412s.944.63.944 1.412s-.42 1.421-.944 1.421m6.353-3.1c-.372.373-1.116.22-1.67-.334c-.552-.553-.705-1.296-.333-1.669s1.116-.22 1.67.334c.552.553.705 1.305.333 1.666zm1.679-5.398c-.792 0-1.421-.42-1.421-.944s.63-.945 1.42-.945c.793 0 1.413.42 1.413.945s-.63.941-1.412.941z"/><path fill="gray" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M14.176 14.176c-.372.373-1.116.22-1.67-.333c-.553-.554-.706-1.297-.334-1.67c.373-.373 1.117-.22 1.67.334c.553.553.706 1.308.334 1.67m3.091-6.341c0 .524-.63.944-1.412.944s-1.421-.42-1.421-.944s.63-.944 1.421-.944c.792 0 1.412.417 1.412.944m-8.5 8.019c0 .793-.42 1.422-.944 1.422c-.525 0-.945-.63-.945-1.422s.42-1.412.945-1.412s.944.63.944 1.412"/></g></svg>Fruit Watermelon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate-color:fruit-watermelon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate-color:fruit-watermelon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate-color:fruit-watermelon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--fruit-watermelon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:fruit-watermelon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-ultimate-color:fruit-watermelon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/fruit-watermelon.svg" alt="Fruit Watermelon アイコン" width="24" height="24">Ultimate color icons の関連アイコン
他のアイコンセットの Fruit Watermelon アイコン
Fruit Watermelon アイコン のよくある質問
Fruit Watermelon アイコンは商用利用でも無料ですか?
はい。Ultimate color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Fruit Watermelon アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-ultimate-color:fruit-watermelon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fruit Watermelon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/fruit-watermelon.svg" alt="Fruit Watermelon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。