Sponge アイコン
twemoji:sponge
Sponge アイコン(twemoji:sponge)は、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 xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#f4900c" d="M35.676 18.625c.057.794.011 5.907.006 6.093a7 7 0 0 1-.026.422c-.618 6.445-5.937 10.342-12.187 9.375c-6.062-.938-8.938-5.5-11.938-8.5S1.656 22.827.641 19.312a7 7 0 0 1-.294-2.267c.011-.256-.141-5.031.035-6.169c.338-2.189 35.008 3.795 35.294 7.749"/><path fill="#ffcc4d" d="M4.718 4.856c3.5-2.125 8.964-2.286 12.5 1.25c3 3 4.243 3.843 9.243 4.843s9.632 3.532 9.194 8.094c-.618 6.445-5.937 10.342-12.187 9.375c-6.062-.938-8.938-5.5-11.938-8.5S1.655 16.73.64 13.215c-1.109-3.842.996-6.487 4.078-8.359"/><g fill="#ffac33"><circle cx="12.513" cy="14.106" r="1.5"/><circle cx="29.013" cy="25.794" r="1"/><circle cx="17.013" cy="24.106" r="1"/><circle cx="24.513" cy="24.794" r="1.5"/><circle cx="31.825" cy="21.606" r="1.5"/><circle cx="29.013" cy="18.419" r="1"/><circle cx="25.013" cy="20.356" r="1"/><circle cx="19.513" cy="21.356" r="1"/><path d="M14.013 20.606a1.5 1.5 0 0 0-1.5-1.5c-.496 0-.933.244-1.206.616c.074.067.155.127.224.197c.598.598 1.192 1.258 1.806 1.939c.406-.268.676-.728.676-1.252"/><circle cx="9.575" cy="16.419" r="1"/><circle cx="16.013" cy="17.419" r="1"/><circle cx="24.513" cy="13.606" r="1.5"/><circle cx="21.013" cy="17.419" r="1.5"/><circle cx="12.013" cy="10.106" r="1"/><circle cx="20.513" cy="11.106" r="1"/><circle cx="14.513" cy="7.856" r="1"/><circle cx="7.575" cy="12.606" r="1"/><circle cx="6.013" cy="6.856" r="1"/><circle cx="28.575" cy="14.106" r="1"/><circle cx="33.325" cy="17.419" r="1"/><circle cx="3.263" cy="10.606" r="1.5"/><circle cx="10.575" cy="5.856" r="1.5"/><circle cx="16.513" cy="11.106" r="1.5"/><path d="M19.513 26.106c-.408 0-.778.164-1.048.429c.77.486 1.61.908 2.531 1.243c.007-.057.017-.113.017-.172a1.5 1.5 0 0 0-1.5-1.5m-14.75-10.5a.996.996 0 0 0-1.994-.029c.491.288 1.034.549 1.615.795a.99.99 0 0 0 .379-.766"/></g></svg>
Sponge アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:sponge" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:sponge" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:sponge" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--sponge]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:sponge"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:sponge"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/sponge.svg" alt="Sponge アイコン" width="24" height="24">
Sponge アイコン のよくある質問
Sponge アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Sponge アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:sponge" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sponge アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/sponge.svg" alt="Sponge アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
