Ice Cream 1 アイコン
lets-icons:ice-cream-1
Ice Cream 1 アイコン(lets-icons:ice-cream-1)は、Lets Icons セットの無料 SVG アイコンです（作者: Leonid Tsvetkov）。 24 × 24 のグリッドで描かれています。 Lets Icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Lets Icons
- 作者
- Leonid Tsvetkov
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 飲食
- タグ
- icecream
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="m17 12l-4.738 8.528c-.116.209-.174.313-.262.313s-.146-.104-.262-.313L7 12"/><path fill="currentColor" d="m6.233 11.259l.27-.963zm11.534 0l-.27-.963zm-.224-4.246l-.934.357zm-3.247-3.518l.41-.913zm-4.592 0l-.41-.913zM7.757 4.904l-.734-.678zm-1.3 2.109l-.934-.358zm11.45.8l-.473.88zm-.166-.202l.963-.27zm.047.125l-.78.625zm-11.694.076l-.472-.881zm.165-.201l-.963-.27zm-.047.125l.78.625zm-.59-.805C4.712 7.418 4 8.366 4 9.56h2c0-.346.201-.672.566-.867zM4 9.56c0 1.177.733 2.316 1.963 2.66l.54-1.925C6.23 10.219 6 9.943 6 9.56zm1.963 2.66c1.773.5 3.84.78 6.037.78v-2c-2.033 0-3.917-.261-5.497-.704zM12 13c2.197 0 4.264-.281 6.037-.779l-.54-1.925c-1.58.443-3.464.704-5.497.704zm6.037-.779c1.23-.344 1.963-1.483 1.963-2.66h-2c0 .382-.23.658-.503.735zM20 9.561c0-1.195-.712-2.143-1.622-2.63l-.944 1.763c.365.195.566.52.566.866zm-1.296-2.22a8 8 0 0 0-.227-.686l-1.868.715q.096.251.17.51zm-.227-.686a7.6 7.6 0 0 0-1.5-2.43l-1.47 1.357A5.6 5.6 0 0 1 16.61 7.37zm-1.5-2.43a7 7 0 0 0-2.271-1.643l-.82 1.825c.602.27 1.154.668 1.622 1.175zm-2.271-1.643A6.6 6.6 0 0 0 12 2v2c.645 0 1.286.138 1.887.407zM12 2c-.93 0-1.85.199-2.706.582l.82 1.825A4.6 4.6 0 0 1 12 4zm-2.706.582a7 7 0 0 0-2.271 1.644l1.47 1.356a5 5 0 0 1 1.62-1.175zM7.023 4.226a7.6 7.6 0 0 0-1.5 2.43l1.868.714a5.6 5.6 0 0 1 1.101-1.788zm-1.5 2.43a8 8 0 0 0-.227.685l1.926.54q.073-.26.169-.511zm12.855.275l-.032-.017q-.006-.005.015.008a.9.9 0 0 1 .207.188l-1.56 1.251c.111.138.231.219.291.256c.054.034.114.066.135.077zm-1.6.95c.006.02.024.085.046.146c.025.072.078.201.184.334l1.56-1.251a.9.9 0 0 1 .138.242l.007.02l-.01-.031zm-10.212.813c.02-.011.08-.043.135-.077c.06-.037.18-.118.29-.256L5.432 7.11a.9.9 0 0 1 .208-.188q.021-.013.015-.008l-.032.017zM5.296 7.34l-.009.031l.007-.02a.9.9 0 0 1 .138-.242l1.56 1.251a1.2 1.2 0 0 0 .185-.334c.022-.06.04-.126.045-.146z"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M17.732 7.845C16.864 8.072 15.5 8.5 14 8.5"/></g></svg>Ice Cream 1 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="lets-icons:ice-cream-1" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lets-icons:ice-cream-1" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lets-icons:ice-cream-1" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lets-icons--ice-cream-1]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lets-icons -->
<div class="i-lets-icons:ice-cream-1"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lets-icons:ice-cream-1"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/lets-icons/ice-cream-1.svg" alt="Ice Cream 1 アイコン" width="24" height="24">Lets Icons の関連アイコン
他のアイコンセットの Ice Cream 1 アイコン
Ice Cream 1 アイコン のよくある質問
Ice Cream 1 アイコンは商用利用でも無料ですか?
はい。Lets Icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Ice Cream 1 アイコンを使うには?
@iconify/react をインストールして <Icon icon="lets-icons:ice-cream-1" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ice Cream 1 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/lets-icons/ice-cream-1.svg" alt="Ice Cream 1 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。