Princess Medium Light Skin Tone アイコン
twemoji:princess-medium-light-skin-tone
Princess Medium Light Skin Tone アイコン(twemoji:princess-medium-light-skin-tone)は、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
- カテゴリ
- 人物・体
- タグ
- princessmedium、mediumlight、lightskin、skintone、princessmediumlightskintone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ffe51e" d="M18 4c6 0 16 3 16 16s0 16-3 16s-7-3-13-3s-9.915 3-13 3c-3.343 0-3-12-3-16C2 7 12 4 18 4"/><path fill="#f3d2a2" d="M6 19.562c0-8.526 5.373-15.438 12-15.438s12 6.912 12 15.438S24.627 35 18 35S6 28.088 6 19.562"/><path fill="#df1f32" d="M18 31c-2.347 0-3.575-1.16-3.707-1.293a.999.999 0 0 1 1.404-1.424c.051.047.806.717 2.303.717c1.519 0 2.273-.69 2.305-.719a1.006 1.006 0 0 1 1.408.029a.994.994 0 0 1-.006 1.397C21.575 29.84 20.347 31 18 31"/><path fill="#c1694f" d="M19 26h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2"/><path fill="#ffe51e" d="M3.064 25c-.03-.325-.064-.647-.064-1c0-5 3 .562 3-3s2-4 4-6l3-3s5 3 9 3s8 2 8 6s3-2 3 3c0 .355-.033.673-.058 1h1.049C34 23.523 34 21.868 34 20C34 7 24 2 18 2S2 7 2 20c0 1.158-.028 2.986.012 5z"/><path fill="#a7a9ac" d="M8 6h20V5l-3-1l-2-3l-3 1l-2-2l-2 2l-3-1l-2 3l-3 1z"/><ellipse cx="18" cy="3.5" fill="#f1f2f2" rx="1" ry="1.5"/><circle cx="14" cy="4" r="1" fill="#f1f2f2"/><circle cx="22" cy="4" r="1" fill="#f1f2f2"/><path fill="#662113" d="M13 23a1 1 0 0 1-1-1v-2a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1m10 0a1 1 0 0 1-1-1v-2a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1"/></svg>
Princess Medium Light Skin Tone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:princess-medium-light-skin-tone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:princess-medium-light-skin-tone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:princess-medium-light-skin-tone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--princess-medium-light-skin-tone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:princess-medium-light-skin-tone"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:princess-medium-light-skin-tone"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/princess-medium-light-skin-tone.svg" alt="Princess Medium Light Skin Tone アイコン" width="24" height="24">
他のアイコンセットの Princess Medium Light Skin Tone アイコン
Princess Medium Light Skin Tone アイコン のよくある質問
Princess Medium Light Skin Tone アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Princess Medium Light Skin Tone アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:princess-medium-light-skin-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Princess Medium Light Skin Tone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/princess-medium-light-skin-tone.svg" alt="Princess Medium Light Skin Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
