Soft Ice Cream 2 アイコン

Q: Soft Ice Cream 2 アイコンは商用利用でも無料ですか?

はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

streamline-emojis:soft-ice-cream-2

Soft Ice Cream 2 アイコン(streamline-emojis:soft-ice-cream-2)は、Streamline Emojis セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Streamline Emojis
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 48 × 48
カテゴリ: 飲食
タグ: softice、icecream、softicecream

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M9.5 45.5a14.5 1.5 0 1 0 29 0a14.5 1.5 0 1 0-29 0" opacity=".15"/><path fill="#fffef2" d="M35.9 18.73a4.23 4.23 0 0 0 .61-2.57a4.3 4.3 0 0 0-4.33-3.8h-1a3.78 3.78 0 0 0-2.26-6.83c-2 0-8.11.74-6.92-3.4a.76.76 0 0 0-.89-1a8.25 8.25 0 0 0-5.85 8.17a3.77 3.77 0 0 0 1.54 3h-1a4.3 4.3 0 0 0-4.33 3.8a4.23 4.23 0 0 0 .61 2.57A7.22 7.22 0 0 0 6.93 26a7.39 7.39 0 0 0 7.46 6.84h19.22A7.39 7.39 0 0 0 41.07 26a7.22 7.22 0 0 0-5.17-7.27"/><path fill="#fff" d="M11.1 28.14a7.22 7.22 0 0 1 5.18-7.29a4.1 4.1 0 0 1-.61-2.57a4.29 4.29 0 0 1 4.33-3.8h1a3.8 3.8 0 0 1-1.53-3a8.52 8.52 0 0 1 3.14-6.77A2.21 2.21 0 0 1 22 2.13a.76.76 0 0 0-.89-1a8.25 8.25 0 0 0-5.85 8.17a3.77 3.77 0 0 0 1.54 3h-1a4.3 4.3 0 0 0-4.33 3.8a4.23 4.23 0 0 0 .61 2.57A7.22 7.22 0 0 0 6.93 26a7.34 7.34 0 0 0 6.27 6.74a7.05 7.05 0 0 1-2.1-4.6"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M35.9 18.73a4.23 4.23 0 0 0 .61-2.57a4.3 4.3 0 0 0-4.33-3.8h-1a3.78 3.78 0 0 0-2.26-6.83c-2 0-8.11.74-6.92-3.4a.76.76 0 0 0-.89-1a8.25 8.25 0 0 0-5.85 8.17a3.77 3.77 0 0 0 1.54 3h-1a4.3 4.3 0 0 0-4.33 3.8a4.23 4.23 0 0 0 .61 2.57A7.22 7.22 0 0 0 6.93 26a7.39 7.39 0 0 0 7.46 6.84h19.22A7.39 7.39 0 0 0 41.07 26a7.22 7.22 0 0 0-5.17-7.27"/><path fill="#fff48c" d="M16.41 21.09c0 .42.51.76 1.14.76s1.14-.34 1.14-.76s-.51-.76-1.14-.76s-1.14.34-1.14.76"/><path fill="#ffb0ca" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M26.94 23a.77.77 0 0 1 .74 1a3.8 3.8 0 0 1-7.36 0a.77.77 0 0 1 .74-1Z"/><path fill="#ff87af" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 26.79a3.8 3.8 0 0 0 3-1.48a6 6 0 0 0-6 0a3.8 3.8 0 0 0 3 1.48"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M17.17 19.58a1.14 1.14 0 0 1 2.28 0"/><path fill="#fff48c" d="M31.59 21.09c0 .42-.51.76-1.14.76s-1.14-.34-1.14-.76s.51-.76 1.14-.76s1.14.34 1.14.76"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M30.83 19.58a1.14 1.14 0 0 0-2.28 0"/><path fill="#ff6196" d="M7.68 29.82h32.64v4.55H7.68Z"/><path fill="#ff87af" d="M40.32 31.72H7.68v-1.14a.76.76 0 0 1 .76-.76h31.12a.76.76 0 0 1 .76.76Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M7.68 29.82h32.64v4.55H7.68Z"/><path fill="#ff87af" d="M35.41 45H12.59a3 3 0 0 1-3-2.61l-1.14-8h31.11l-1.14 8A3 3 0 0 1 35.41 45"/><path fill="#ff6196" d="m39.29 36.27l.27-1.9H8.44l.27 1.9z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M35.41 45H12.59a3 3 0 0 1-3-2.61l-1.14-8h31.11l-1.14 8A3 3 0 0 1 35.41 45M38 25.26v1.14a1.14 1.14 0 1 1-2.27 0v-2.65m-7.56-13.67V12a1.14 1.14 0 1 1-2.27 0v-.76"/><path fill="#fffef2" d="M13 29.06V31a1.14 1.14 0 1 1-2.27 0v-1.9Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M13 29.82V31a1.14 1.14 0 1 1-2.27 0v-1.9"/></svg>

Soft Ice Cream 2 アイコンの使い方

React

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

<Icon icon="streamline-emojis:soft-ice-cream-2" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:soft-ice-cream-2" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:soft-ice-cream-2" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--soft-ice-cream-2]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:soft-ice-cream-2"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-emojis:soft-ice-cream-2"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-emojis/soft-ice-cream-2.svg" alt="Soft Ice Cream 2 アイコン" width="24" height="24">

Streamline Emojis の関連アイコン

Soft Ice Cream 2 アイコンのよくある質問

Soft Ice Cream 2 アイコンは商用利用でも無料ですか?

はい。Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Soft Ice Cream 2 アイコンを使うには?

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

Soft Ice Cream 2 アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-emojis/soft-ice-cream-2.svg" alt="Soft Ice Cream 2 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Streamline Emojis アイコンをすべて見る →