Spaghetti アイコン

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

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

twemoji:spaghetti

Spaghetti アイコン(twemoji:spaghetti)は、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
カテゴリ: 飲食

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><ellipse cx="18" cy="24" fill="#939598" rx="18" ry="10"/><ellipse cx="18" cy="22" fill="#f1f2f2" rx="18" ry="10"/><ellipse cx="18" cy="21.611" fill="#ffcc4d" rx="14.8" ry="7.611"/><path fill="#ffe8b6" d="M11 27a1 1 0 1 1 0-2c1.898 0 3.082-1.085 3.174-1.835c.091-.736-.96-1.081-1.417-1.195c-.906-.225-1.58.033-2.358.335c-1.068.414-2.531.978-4.106-.598c-.689-.688-.868-1.604-.492-2.513C6.534 17.425 9.245 16 11 16a1 1 0 0 1 0 2c-1.115 0-2.995 1.099-3.351 1.96c-.074.178-.044.23.058.333c.629.628.928.548 1.971.147c.862-.334 2.042-.79 3.564-.409c2.384.596 3.07 2.136 2.917 3.379C15.942 25.174 13.953 27 11 27m6 1a1 1 0 1 1 0-2c5.697 0 9.833-1.247 12.293-3.707a.999.999 0 1 1 1.414 1.414C27.858 26.556 23.247 28 17 28"/><path fill="#ffe8b6" d="M21.349 24.16c-.537 0-1.069-.06-1.591-.191c-.543-.135-2.194-.548-2.246-1.883c-.038-1 .661-2.172 5.938-3.957C22.875 17.66 21.492 17 20 17c-2.513 0-3.797.211-4.293.707a.999.999 0 1 1-1.414-1.414C15.248 15.338 16.741 15 20 15c2.396 0 5.396 1.333 5.676 3.053c.107.662-.193 1.506-1.359 1.895c-2.583.861-3.921 1.549-4.501 1.957q.167.059.427.125c3.231.804 7.322-2.366 7.768-3.18A1 1 0 0 1 30 19c0 .706-.635 1.56-1.887 2.537c-1.743 1.361-4.289 2.622-6.764 2.623"/><path fill="#dd2e44" d="M27 20.5c0 2.485-2.029 5.5-7 5.5s-4-2-12-5c-3.376-1.266 5.029-5 10-5s9 2.015 9 4.5"/><path fill="#ea596e" d="M16 24a.999.999 0 0 1-.707-1.707c.281-.305.112-.474 0-.586c-.558-.558-2.238-.616-3.846.188a1 1 0 1 1-.895-1.789c1.977-.988 4.726-1.242 6.154.188c1.252 1.252.686 2.728 0 3.414A1 1 0 0 1 16 24m4-4c-2.414 0-3.685-1.271-4.707-2.293a.999.999 0 1 1 1.414-1.414C17.661 17.247 18.414 18 20 18c.773 0 2.586 0 3.293-.707a.999.999 0 1 1 1.414 1.414C23.414 20 21.108 20 20 20m0 4a1 1 0 1 1 0-2c1.847 0 4.548-.962 5.293-1.707a.999.999 0 1 1 1.414 1.414C25.416 22.998 22.041 24 20 24"/><path fill="#ffac33" d="M17.001 20a1 1 0 0 1-.896-.553c-.999-1.997-3.077-6.153-4.098-14.323a1 1 0 1 1 1.984-.248c.979 7.83 2.953 11.779 3.902 13.677A1 1 0 0 1 17.001 20"/><path fill="#99aab5" d="m35.125 11.042l-15.24-4.503C16.534 1.23 12.319 2.084 10 2c-.25-.009-.819.22-.833.625c-.015.392 1.026.337 1.186.343c1.705.062 3.945.176 6.132 2.486C13.827 4.528 9.744 3.933 9 4c-.458.042-.5.375.042.625c.445.206 4.572 1.647 6.84 2.34c-1.419.489-3.286.715-6.434-.86C8.951 5.857 8.247 5.506 8 6s.506.753 1 1c2.16 1.08 3.43 2.332 4.823 2.332c1.656 0 2.854-.505 3.792-.899c.333-.14.634-.263.903-.343c.016.01.028.024.044.033l14.805 6.592c.485.265 1.572-.791 1.837-1.275c.265-.486.28-2.175-.079-2.398"/><path fill="#ffac33" d="M13 19a1 1 0 0 1-.707-.293c-1.315-1.315-4.446-8.867-.074-14.332a.999.999 0 1 1 1.561 1.249c-3.648 4.561-.778 10.963-.074 11.668A.999.999 0 0 1 13 19"/></svg>

Spaghetti アイコンの使い方

React

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

<Icon icon="twemoji:spaghetti" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:spaghetti" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:spaghetti" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="twemoji:spaghetti"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/twemoji/spaghetti.svg" alt="Spaghetti アイコン" width="24" height="24">

他のアイコンセットの Spaghetti アイコン

Spaghetti アイコンのよくある質問

Spaghetti アイコンは商用利用でも無料ですか?

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

React で Spaghetti アイコンを使うには?

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

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

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

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