Shaved Ice アイコン
twemoji:shaved-ice
Shaved Ice アイコン(twemoji:shaved-ice)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- Twitter
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 飲食
- タグ
- shavedice
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#55acee" d="M16.769 22H3.806s2.248 7.146 5.784 10.584c2.408 2.34 6.458 2.521 7.899 2.521c2.88 0 6.55-.192 8.958-2.534C30.645 28.493 32.612 22 32.612 22z"/><path fill="#3b88c3" d="M31.091 25.783a32 32 0 0 0 1.287-3.088A2.8 2.8 0 0 0 31.79 22H4.628a2.8 2.8 0 0 0-.587.694c.237.672.652 1.776 1.213 3.041c2.087 1.507 6.422 2.715 12.956 2.715c6.462 0 10.768-1.183 12.881-2.667"/><path fill="#55acee" d="M2 17v4.453c0 2.318 7.251 4.198 16 4.198c8.751 0 16-1.88 16-4.198V17z"/><path fill="#f9d2dc" d="M3.857 19.283c.901.331 6.693 2.383 13.999 2.383c8.226 0 14.254-1.788 15.634-2.779c1.38-.993 1.328-9.595-4.955-12.91C23.17 3.146 23.02.366 17.907.366C10.243.367-3.296 16.652 3.857 19.283"/><path fill="#f98097" d="M11.848 11.769c2.91 3.9 9.483 1.756 12.293-.975c2.289-2.226 5.179-1.633 8.452-.784c-.892-1.583-2.2-3.041-4.069-4.027C23.161 3.154 23.011.375 17.9.375C13.851.375 8.163 4.923 4.754 9.6c1.894-.617 4.802-.902 7.094 2.169"/><circle cx="12" cy="7" r="1" fill="#ea596e"/><circle cx="18" cy="10" r="1" fill="#ea596e"/><circle cx="22" cy="5" r="1" fill="#ea596e"/></svg>
Shaved Ice アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:shaved-ice" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:shaved-ice" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:shaved-ice" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--shaved-ice]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:shaved-ice"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:shaved-ice"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/shaved-ice.svg" alt="Shaved Ice アイコン" width="24" height="24">
他のアイコンセットの Shaved Ice アイコン
Shaved Ice アイコン のよくある質問
Shaved Ice アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Shaved Ice アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:shaved-ice" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Shaved Ice アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/shaved-ice.svg" alt="Shaved Ice アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
