Soft Ice Cream アイコン
fluent-emoji-high-contrast:soft-ice-cream
Soft Ice Cream アイコン(fluent-emoji-high-contrast:soft-ice-cream)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 飲食
- タグ
- softice、icecream、softicecream
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m9.943 22.725l-.488.043a5.018 5.018 0 0 1-3.569-8.92A4.45 4.45 0 0 1 7.912 9.3v-.051a4.03 4.03 0 0 1 1.852-3.627a4 4 0 0 1 .836-.4l.425-.165c.29-.114.686-.272 1.11-.451a17 17 0 0 0 1.83-.872q0-.013.005-.027l.003-.016a3.7 3.7 0 0 1 .511-1.336a3.077 3.077 0 0 1 4.892-.269c.425.555.677 1.223.724 1.92l.009.274a3.9 3.9 0 0 1 2.63 1.02a3.82 3.82 0 0 1 1.232 2.84v.078a4.48 4.48 0 0 1 2.2 4.462a5.018 5.018 0 0 1-2.752 8.872l-.128.011v.484c.01.48-.38.86-.85.86h-.066l-.829 6.622a1.36 1.36 0 0 1-1.345 1.181h-7.61a1.354 1.354 0 0 1-1.346-1.19l-.829-6.615a.86.86 0 0 1-.473-.18m2.992 1.312a3 3 0 0 1-.895-.246l-.45.445l.129 1.021zm-3.324-3.286v-.003l2.493-.217q.03.025.057.056c.11.13.09.45.09.45q0 .137.034.264l.007.024a1.019 1.019 0 0 0 1.999-.288s-.007-.278.06-.486l.024-.218l2.939-.256c.123-.01.595-.05 1.16-.1l1.392-.122l.01-.001h.006c.446-.04.825-.073 1.003-.09l2.356-.207l.034-.003l.016-.001a3.018 3.018 0 0 0 1.253-5.59l-.667-.4l.231-.746a2.48 2.48 0 0 0-1.543-3.055l-.834-.3l.189-.862q.05-.227.051-.461a1.84 1.84 0 0 0-.587-1.369a1.88 1.88 0 0 0-1.433-.481l-1.84.181V4.2a1.6 1.6 0 0 0-.3-.862a.99.99 0 0 0-.916-.328a.94.94 0 0 0-.738.434c-.11.184-.185.388-.22.6a2.6 2.6 0 0 1-.18.606c-.105.24-.27.45-.479.609a13.5 13.5 0 0 1-2.368 1.189c-.442.187-.856.353-1.159.472l-.461.178q-.238.08-.453.212a2.05 2.05 0 0 0-.933 1.865q0 .239.053.472l.2.834l-.794.322a2.474 2.474 0 0 0-1.4 3.136l.287.791l-.73.418a3.02 3.02 0 0 0 1.754 5.633zm5.254 2.852q-.367.226-.778.342l1.704 1.713l.035.108l-.035.1l-2.148 2.167h-.181l-1.598-1.617l.167 1.335l.866.866v.138l-.658.661a.355.355 0 0 0 .352.294h.505l.338-.34l.105-.032h.104l.35.372h1.113l-.895-.9v-.124l.04-.135l2.095-2.133h.203l2.17 2.2l.027.068l-.027.124l-.912.9h1.095l.35-.34l.136-.032h.121l.333.372h.359a.36.36 0 0 0 .354-.316l.008-.065l-.533-.574v-.204l.72-.709l.157-1.257l-1.441 1.448l-.088.01h-.066l-2.202-2.177v-.208l2.141-2.15h.127l.088-.01l1.624 1.628l.124-.997l-.696-.719h-2.251l-1.718 1.714h-.154z"/></svg>
Soft Ice Cream アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:soft-ice-cream" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:soft-ice-cream" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:soft-ice-cream" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--soft-ice-cream]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:soft-ice-cream"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:soft-ice-cream"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/soft-ice-cream.svg" alt="Soft Ice Cream アイコン" width="24" height="24">
Fluent Emoji High Contrast の関連アイコン
他のアイコンセットの Soft Ice Cream アイコン
Soft Ice Cream アイコン のよくある質問
Soft Ice Cream アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Soft Ice Cream アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:soft-ice-cream" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Soft Ice Cream アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/soft-ice-cream.svg" alt="Soft Ice Cream アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
