Shrimp アイコン

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

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

twemoji:shrimp

Shrimp アイコン(twemoji:shrimp)は、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"><path fill="#be1931" d="M4.458 7.429c-4.53.32-4.775-5.511 3.801-4.738s17.964 3.4 20.218 1.789c1.789-1.279 1.416-3.608.966-4.078c-.45-.469-1.132-.045-.787.682s-.062 2.678-2.262 2.875c-2.199.197-10.4-1.352-15.575-2.081C5.534 1.136 1.287 1.504.364 4.46c-.919 2.947 1.944 3.873 3.458 4.017c1.514.143.636-1.048.636-1.048"/><path fill="#dd2e44" d="M6.083 6.708c-4.542 0-4.375-5.833 4.125-4.458S27.887 6.907 30.25 5.458c1.875-1.15 1.666-3.5 1.25-4s-1.125-.125-.833.625s-.25 2.667-2.458 2.708c-2.208.043-10.279-2.08-15.39-3.171C7.6.506 3.337.575 2.208 3.458c-1.125 2.875 1.667 4 3.167 4.25s.708-1 .708-1"/><path fill="#dd2e44" d="M33.378 13.246c-2.541-3.928-6.765-6.629-11.255-7.484C14.806 4.369 4.812 4.938 2 9c-.562.812-.478 4.671 3 6c1.763.674 6.542-.162 9.841-.462l-.22 1.737a1 1 0 0 0 1.984.252l.264-2.082c.796.02 1.572.1 2.336.232l-.599 1.959a1 1 0 0 0 1.912.585l.638-2.088c.742.223 1.479.5 2.219.826l-1.043 1.695a1 1 0 0 0 1.703 1.048l1.14-1.854c.088.047.174.089.262.138c2.808 1.558 4.526 5.937 4.454 7.555c-.036.812.169 1.406.608 1.771c.792.652 2.078.343 3.018.117c.318-.077.647-.156.799-.153l.302-.992l.098-.285c1.981-5.772.366-9.121-1.338-11.753"/><path fill="#be1931" d="M22.193 8.503c-.609 1.144.135.936 1.025.066c.596-.583 1.541-1.218 2.541-1.671a18 18 0 0 0-1.714-.641c-.785.756-1.522 1.628-1.852 2.246m5.981 3.096c1.271-.63 2.827-.215 4.356.481a16.7 16.7 0 0 0-2.296-2.389c-.717.044-1.431.26-2.034.703c-1.005.737-2.215 2.288-.026 1.205m3.863 3.908c-1.196.349-2.864 1.392-.438 1.124c1.411-.156 2.731.768 3.93 1.947a10.8 10.8 0 0 0-.782-2.82c-.832-.37-1.791-.519-2.71-.251m2.44 8.633c-.402-.205-2.004 1.771-3.686-.738c-.003-.005-.008-.005-.011-.01c-.076-1.172-.625-6.221-5.888-8.991a13.6 13.6 0 0 0-1.837-.8a17 17 0 0 0-2.827-.713a21 21 0 0 0-1.686-.221c-.103-.009-.209-.011-.313-.019a23 23 0 0 0-3.025-.003q-.999.06-1.998.168c-3.97.423-7.844 1.242-10.491.452c.506.706 1.24 1.336 2.285 1.735c1.491.569 5.137.06 8.222-.292l.002.228a1 1 0 0 0 2-.018l-.004-.411a16 16 0 0 1 1.589-.066c.33.007.656.028.98.055l-.097.406a1 1 0 1 0 1.946.463l.137-.577q1.18.246 2.342.667l-.265.525a1.003 1.003 0 0 0 .441 1.344a1.003 1.003 0 0 0 1.345-.441l.327-.648c.488.232.977.477 1.472.752c2.792 1.55 4.506 5.887 4.453 7.526a2 2 0 0 0-.03.387c.01.508-.112 1.094-.365 1.743c-.511 1.316-1.538 2.8-2.619 3.779c-.416.379-.718.801-.895 1.254c-.32.829-.167 1.685.385 2.131q.162.13.346.197c3.333-3.019 2.071-1.367 2.898 1.117c.332.61.822.757 1.065.789c.706.091 1.403-.398 1.779-1.249l.049-.118c.564-1.452 2.175-8.657 2.328-9.716a.66.66 0 0 0-.354-.687"/><path fill="#292f33" d="M26.714 34.003c.39.147.839.092 1.244-.174c.538-.353.893-.405 1.033-.343c.147.064.274.35.339.762c.059.367.16.649.282.872c-.828-2.484 1.947-6.731-2.898-1.117"/><circle cx="7" cy="9" r="1" fill="#292f33"/></svg>

Shrimp アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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