Pouring Liquid アイコン
twemoji:pouring-liquid
Pouring Liquid アイコン(twemoji:pouring-liquid)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 飲食
- タグ
- pouringliquid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#c4c9c8" d="M27.777 6.502c-.029-.011-.088-.027-.088-.027L5.633.801l-.002.007C4.478.512 2.674 2.698 1.55 5.786s-1.147 5.922-.073 6.436l-.002.007l20.543 9.831s.055.025.085.036c1.435.522 3.869-2.545 5.437-6.851c1.565-4.306 1.672-8.22.237-8.743"/><path fill="#fff" d="M22.979 9.523a1 1 0 0 1-.286-.042l-9.25-2.767a1 1 0 0 1 .572-1.916l9.25 2.767a1 1 0 0 1-.286 1.958"/><path fill="#aeb3b2" d="M23.38 13.731c1.573-4.321 3.542-6.172 4.06-6.18c.313.311.632 2.995-.941 7.315s-3.542 6.172-4.06 6.18c-.314-.31-.632-2.994.941-7.315"/><ellipse cx="4.356" cy="6.807" fill="#d9dddc" rx="5.175" ry="1.882" transform="rotate(-70.001 4.356 6.807)"/><path fill="#a6373b" d="M30.9 33.036c-.408-3.986-1.164-8.323-3.954-11.455c-1.016-1.146-2.406-1.955-3.836-2.479L7.65 12.751c-.604-.291-1.019.628-.432.902a436 436 0 0 1 7.539 3.575c.429.198 8.365 4.047 8.446 4.077c4.077 2.279 4.686 7.323 4.867 11.732c-2.901.151-5.07.748-5.07 1.463c0 .828 2.91 1.5 6.5 1.5s6.5-.672 6.5-1.5c0-.717-2.184-1.316-5.1-1.464"/><path fill="#c4c9c8" d="M22.439 21.047c-.313-.311-.632-2.995.941-7.315s3.542-6.172 4.06-6.18l.337-1.049c-1.435-.522-3.869 2.545-5.437 6.851c-1.567 4.306-1.674 8.22-.239 8.742z"/><path fill="#bf6952" d="M24.111 19.935c2.294 1.097 3.683 3.48 4.68 5.735a.339.339 0 1 1-.63.249c-.418-1.153-.949-2.27-1.623-3.287c-.67-1.001-1.497-1.931-2.542-2.475c-.141-.07-.028-.297.115-.222"/></svg>Pouring Liquid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:pouring-liquid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:pouring-liquid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:pouring-liquid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--pouring-liquid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:pouring-liquid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:pouring-liquid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/pouring-liquid.svg" alt="Pouring Liquid アイコン" width="24" height="24">他のアイコンセットの Pouring Liquid アイコン
Pouring Liquid アイコン のよくある質問
Pouring Liquid アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Pouring Liquid アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:pouring-liquid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pouring Liquid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/pouring-liquid.svg" alt="Pouring Liquid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。