Icecream Four アイコン

Q: Icecream Four アイコンは商用利用でも無料ですか?

はい。IconPark icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

icon-park:icecream-four

Icecream Four アイコン(icon-park:icecream-four)は、IconPark セットの無料 SVG アイコンです（作者: ByteDance）。 48 × 48 のグリッドで描かれています。 IconPark icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: IconPark
作者: ByteDance
ライセンス: Apache-2.0
サイズ: 48 × 48
カテゴリ: 食品
タグ: icecreamfour

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M18.8429 13.7227L32.2779 27.1577L11.6794 40.5003L5.63367 34.4546L18.8429 13.7227Z"/><path fill="#2F88FF" d="M38.7729 19.5104C37.7123 20.5711 37.0133 20.5793 35.9608 20.941C35.9282 23.7368 35.967 26.5502 32.4192 27.245L18.6033 13.429C18.6033 13.429 18.594 12.0595 19.9994 11.3435C20.4943 11.1116 21.4978 11.2213 22.0958 11.3186C23.5021 8.2937 25.6314 7.78309 27.9988 8.76105C29.1343 7.04337 31.9383 6.31187 34.027 6.98636C36.1157 7.66085 36.0994 9.05869 37.4891 9.74134C38.8789 10.424 40.2931 9.00977 40.3012 8.31082C40.3094 7.61186 40.1868 6.27484 41.129 6.51729C41.7042 6.67252 42.167 7.23228 42.7246 9.56132C43.0359 10.8687 42.8549 12.8027 41.7378 13.99C41.0522 14.7186 39.5211 15.0994 38.8219 15.3167C38.8885 15.5072 39.8336 18.4498 38.7729 19.5104Z"/><path d="M38.8216 15.3162C36.0094 16.7467 33.9207 16.0722 31.8483 13.9998"/></g></svg>

Icecream Four アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="icon-park:icecream-four" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="icon-park:icecream-four" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="icon-park:icecream-four" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--icecream-four]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:icecream-four"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="icon-park:icecream-four"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/icon-park/icecream-four.svg" alt="Icecream Four アイコン" width="24" height="24">

IconPark の関連アイコン

他のアイコンセットの Icecream Four アイコン

Icecream Four アイコンのよくある質問

Icecream Four アイコンは商用利用でも無料ですか?

はい。IconPark icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Icecream Four アイコンを使うには?

@iconify/react をインストールして <Icon icon="icon-park:icecream-four" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Icecream Four アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/icon-park/icecream-four.svg" alt="Icecream Four アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

IconPark アイコンをすべて見る →