Cup With Straw アイコン

Q: Cup With Straw アイコンは商用利用でも無料ですか?

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

twemoji:cup-with-straw

Cup With Straw アイコン(twemoji:cup-with-straw)は、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
カテゴリ: 飲食
タグ: cupwith、withstraw、cupwithstraw

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#8899a6" d="M26.864 8H18v28c6 0 10-1 11.393-7.015c.774-3.342 1.663-12.335 1.663-17.841C31.056 9.279 29.623 8 26.864 8M8.892 8H18v28c-6 0-10-1-11.515-7.015c-.838-3.327-1.724-12.335-1.724-17.841C4.761 9.279 6.132 8 8.892 8"/><path fill="#ccd6dd" d="M31.052 10.5c0 2.071-3.13 3.75-13.057 3.75S4.938 12.571 4.938 10.5c0-2.072 3.131-3.75 13.057-3.75s13.057 1.678 13.057 3.75"/><path fill="#ccd6dd" d="M18.025 12.997L6.516 12c0 7 1.104 14.382 1.681 16.572C8.859 31.081 11 30.981 18 30.998V31v-.002c7-.018 9.166.083 9.827-2.426C28.405 26.382 29.52 19 29.52 12z"/><path fill="#55acee" d="M18 21v13c7 0 9-1 9.857-5.428c.241-1.243.807-4.075 1.174-7.572zM7.019 21c.366 3.497.915 6.327 1.149 7.572C9 33 11 34 18 34V21z"/><path fill="#3b88c3" d="M18 30.16c-4.556 0-8.249.895-8.249 2c0 .009.005.018.006.028C11.154 33.598 13.578 34 18 34c4.413 0 6.836-.4 8.241-1.803c.001-.012.008-.024.008-.037c0-1.105-3.693-2-8.249-2"/><ellipse cx="17.995" cy="21" fill="#88c9f9" rx="11.016" ry="2"/><path fill="#e1e8ed" d="m33.958.936l-6.824 1.697c-.751.187-1.565.577-2.44 1.239c-1.643 1.243-1.978 2.93-2.246 3.861L18.34 22h3.122L25.33 8.564c.264-.916.526-1.702 1.129-2.249c.534-.484 1.417-.769 2.244-.983l5.977-1.483a1.505 1.505 0 0 0 1.095-1.817A1.504 1.504 0 0 0 33.958.936"/><path fill="#88c9f9" d="m18.34 22l-2.671 9.277a1.506 1.506 0 0 0 1.026 1.857a1.504 1.504 0 0 0 1.856-1.026L21.462 22z"/><path fill="#744eaa" d="m18.641 22.677l-.588.322l-.273.947l2.066 3.669l.776-2.696l-1.261-2.241z"/><path fill="#dd2e44" d="m27.906 2.441l-1.128 3.647c.531-.347 1.242-.58 1.927-.757l.434-.108l1.035-3.346z"/><path fill="#744eaa" d="m17.045 26.499l-.777 2.697l1.962 3.485c.144-.162.258-.353.322-.574l.558-1.939z"/><path fill="#dd2e44" d="m20.048 16.068l-.777 2.698l1.381 2.452l.472.105l.626-.323l.364-1.262zM34.495.907a1.5 1.5 0 0 0-.537.029l-1.696.422l-1.036 3.347l2.267-.563zM20.791 13.488l2.066 3.668l.776-2.696l-2.065-3.669zm3.862-9.579a5.34 5.34 0 0 0-1.601 2.022l1.32 5.968l.96-3.335q.098-.346.204-.664z"/><path fill="#55acee" d="M18.663 20.881L18.053 23a58 58 0 0 0 3.147-.086l.585-2.032c-.938.483-2.894.181-3.122-.001"/><path fill="#fff" d="M29.615 11.309a1.216 1.216 0 0 0-1.584-.724a28.1 28.1 0 0 1-10.036 1.937v2.492c3.333-.034 7.089-.577 10.913-2.08c.633-.248.95-.976.707-1.625m-23.24 0a1.216 1.216 0 0 1 1.584-.724a28.1 28.1 0 0 0 10.036 1.937v2.492c-3.333-.034-7.089-.577-10.913-2.08a1.27 1.27 0 0 1-.707-1.625"/></svg>

Cup With Straw アイコンの使い方

React

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

<Icon icon="twemoji:cup-with-straw" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:cup-with-straw" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:cup-with-straw" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--cup-with-straw]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:cup-with-straw"></div>

Web コンポーネント

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

<iconify-icon icon="twemoji:cup-with-straw"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/twemoji/cup-with-straw.svg" alt="Cup With Straw アイコン" width="24" height="24">

Twitter Emoji の関連アイコン

他のアイコンセットの Cup With Straw アイコン

Cup With Straw アイコンのよくある質問

Cup With Straw アイコンは商用利用でも無料ですか?

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

React で Cup With Straw アイコンを使うには?

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

Cup With Straw アイコンをウェブページに追加するには?

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

Twitter Emoji アイコンをすべて見る →