Peacock アイコン
twemoji:peacock
Peacock アイコン(twemoji:peacock)は、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
- カテゴリ
- 動物・自然
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#292f33" d="M14.5 36a.5.5 0 0 1-.354-.853L16 33.293V31.5a.5.5 0 0 1 1 0v2.207l-2.146 2.146A.5.5 0 0 1 14.5 36"/><path fill="#292f33" d="M16.5 34h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1m5 2a.5.5 0 0 1-.354-.146L19 33.707V31.5a.5.5 0 0 1 1 0v1.793l1.854 1.854A.5.5 0 0 1 21.5 36"/><path fill="#292f33" d="M22.5 34h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1"/><path fill="#a6d388" d="M36 25.909C36 29.727 34.001 31 18 31S0 29.727 0 25.909C0 13.257 8.059 4 18 4s18 9.257 18 21.909"/><path fill="#77b255" d="M18 29a.501.501 0 0 1-.158-.975l16.5-5.5a.5.5 0 0 1 .633.316a.5.5 0 0 1-.316.633l-16.5 5.5A.5.5 0 0 1 18 29m0-3a.5.5 0 0 1-.294-.905l14.5-10.5a.5.5 0 1 1 .586.809l-14.5 10.5A.5.5 0 0 1 18 26m0-4a.5.5 0 0 1-.423-.766l8.5-13.5a.5.5 0 0 1 .846.533l-8.5 13.5A.5.5 0 0 1 18 22"/><circle cx="32.5" cy="27" r="2" fill="#55acee"/><circle cx="32.5" cy="20" r="2" fill="#55acee"/><circle cx="28.5" cy="13" r="2" fill="#55acee"/><circle cx="21.5" cy="8" r="2" fill="#55acee"/><circle cx="28" cy="28.5" r="1.5" fill="#55acee"/><circle cx="28" cy="22.5" r="1.5" fill="#55acee"/><circle cx="25" cy="16.5" r="1.5" fill="#55acee"/><circle cx="24.5" cy="29" r="1" fill="#55acee"/><circle cx="24.5" cy="24" r="1" fill="#55acee"/><circle cx="21.5" cy="20" r="1" fill="#55acee"/><path fill="#77b255" d="M17.5 29a.5.5 0 0 1-.158-.025l-16.5-5.5a.501.501 0 0 1 .316-.949l16.5 5.5A.501.501 0 0 1 17.5 29m0-3a.5.5 0 0 1-.293-.095l-14.5-10.5a.5.5 0 1 1 .587-.809l14.5 10.5A.5.5 0 0 1 17.5 26m0-4a.5.5 0 0 1-.424-.233l-8.5-13.5a.501.501 0 0 1 .847-.534l8.5 13.5A.5.5 0 0 1 17.5 22"/><path fill="#77b255" d="M17.5 24a.5.5 0 0 1-.5-.5v-18a.5.5 0 0 1 1 0v18a.5.5 0 0 1-.5.5"/><path fill="#269" d="M15 16c-1-2 0-4 0-4s0 1 1 2c0-3 1-3 1-3s0 2 1 3s-3 2-3 2m7.997 13c-.433-2-1.725-3.061-2.559-4.5c-.671-1.156-2.134-3.75-.132-6.618c.532-.762-1.885-1.831-2.305-1.877v-.004l-.015.002l-.015-.002v.004c-.42.046-2.837 1.115-2.305 1.877c2.002 2.868.538 5.462-.132 6.618c-.834 1.439-2.126 2.5-2.559 4.5c-.362 1.668 2.247 3.981 4.997 3.998v.001h.015L18 33v-.002c2.75-.017 5.358-2.33 4.997-3.998"/><path fill="#292f33" d="M19 16c3 0 6 2 6 2s-3 1-6 0s0-2 0-2"/><circle cx="18" cy="16" r="3" fill="#269"/><circle cx="19" cy="16" r="1" fill="#292f33"/><circle cx="3" cy="27" r="2" fill="#55acee"/><circle cx="3" cy="20" r="2" fill="#55acee"/><circle cx="7" cy="13" r="2" fill="#55acee"/><circle cx="14" cy="8" r="2" fill="#55acee"/><circle cx="7.5" cy="28.5" r="1.5" fill="#55acee"/><circle cx="7.5" cy="22.5" r="1.5" fill="#55acee"/><circle cx="10.5" cy="16.5" r="1.5" fill="#55acee"/><circle cx="11" cy="29" r="1" fill="#55acee"/><circle cx="11" cy="24" r="1" fill="#55acee"/><circle cx="14" cy="20" r="1" fill="#55acee"/></svg>Peacock アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:peacock" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:peacock" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:peacock" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--peacock]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:peacock"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:peacock"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/peacock.svg" alt="Peacock アイコン" width="24" height="24">他のアイコンセットの Peacock アイコン
Peacock アイコン のよくある質問
Peacock アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Peacock アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:peacock" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Peacock アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/peacock.svg" alt="Peacock アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。