Kiss Person Person Medium Light Skin Tone Medium Skin Tone アイコン
twemoji:kiss-person-person-medium-light-skin-tone-medium-skin-tone
Kiss Person Person Medium Light Skin Tone Medium Skin Tone アイコン(twemoji:kiss-person-person-medium-light-skin-tone-medium-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
- カテゴリ
- 人物・体
- タグ
- kissperson、personperson、personmedium、mediumlight、lightskin、skintone、tonemedium、mediumskin
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#f3d2a2" d="M5 8.316c-1.787 0-3.476.401-5 1.102v21.16c1.53 1 3.342 1.625 5.318 1.723l.047.005c5.241.23 9.807-3.307 11.006-8.177c.402-1.199.629-2.479.629-3.813c0-6.627-5.374-12-12-12"/><path fill="#662113" d="M10 22.542c1.977 0 2.5-1.636 2.5-2.5a.5.5 0 0 0-1-.003c-.003.252-.089 1.503-1.5 1.503a.5.5 0 0 0 0 1m-2.5-2.5a.5.5 0 0 0-1-.003c-.003.252-.089 1.503-1.5 1.503a.5.5 0 0 0 0 1c1.977 0 2.5-1.636 2.5-2.5"/><path fill="#c1694f" d="M9.995 26.542a.501.501 0 0 0-.006 1H10c.225.006.5.098.5.5s-.275.494-.506.5a.5.5 0 0 0-.49.506a.497.497 0 0 0 .496.494c.602 0 1.5-.399 1.5-1.5c0-.438-.143-.765-.352-1c.209-.235.352-.562.352-1c0-1.101-.898-1.5-1.5-1.5a.5.5 0 0 0-.005 1c.23.006.505.098.505.5s-.274.494-.505.5"/><path fill="#ffe51e" d="M2.543 18.54c-1.17.957-1.657 2.437-1.576 3.417c2.691-4.234 8.495-2.335 10.977-7.127c0 0 5.82 1.809 4.529 8.956c0 0 2.474-2.568 2.474-5.143c0-3.11-.994-8.87-5.534-9.725C11.019 6.245 4.857 5.054 0 6.525v13.319c.821-.799 1.704-1.29 2.543-1.304"/><path fill="#d4ab88" d="M31 8.316c-6.626 0-12 5.373-12 12c0 1.334.227 2.614.629 3.813c1.198 4.87 5.765 8.406 11.006 8.177l.047-.005A10.64 10.64 0 0 0 36 30.578V9.418a11.9 11.9 0 0 0-5-1.102"/><path fill="#662113" d="M26 21.542c-1.411 0-1.497-1.251-1.5-1.503a.5.5 0 0 0-1 .003c0 .864.523 2.5 2.5 2.5a.5.5 0 0 0 0-1m5 0c-1.411 0-1.497-1.251-1.5-1.503a.5.5 0 0 0-1 .003c0 .864.523 2.5 2.5 2.5a.5.5 0 0 0 0-1"/><path fill="#c1694f" d="M26.005 25.542a.501.501 0 0 0-.005-1c-.602 0-1.5.399-1.5 1.5c0 .438.143.765.352 1c-.209.235-.352.562-.352 1c0 1.101.898 1.5 1.5 1.5c.273 0 .493-.22.496-.494a.503.503 0 0 0-.49-.506c-.231-.006-.506-.098-.506-.5s.275-.494.5-.5h.011a.5.5 0 0 0-.006-1c-.23-.006-.505-.098-.505-.5c0-.403.274-.494.505-.5"/><path fill="#963b22" d="M22.588 8.918c-4.54.855-5.534 6.614-5.534 9.725c0 2.575 2.474 5.143 2.474 5.143c-1.291-7.147 4.529-8.956 4.529-8.956c2.482 4.792 8.286 2.893 10.977 7.127c.08-.98-.406-2.459-1.576-3.417c.839.014 1.722.505 2.543 1.304V6.525c-4.858-1.471-11.02-.28-13.413 2.393"/><path fill="#dd2e44" d="M26.539 6.711A4.71 4.71 0 0 0 21.828 2c-1.579 0-2.973.78-3.828 1.972A4.7 4.7 0 0 0 14.172 2a4.71 4.71 0 0 0-4.711 4.711c0 .369.047.727.127 1.07c.654 4.065 5.173 8.353 8.411 9.529c3.238-1.177 7.758-5.465 8.412-9.528c.081-.344.128-.702.128-1.071"/></svg>
Kiss Person Person Medium Light Skin Tone Medium Skin Tone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:kiss-person-person-medium-light-skin-tone-medium-skin-tone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:kiss-person-person-medium-light-skin-tone-medium-skin-tone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:kiss-person-person-medium-light-skin-tone-medium-skin-tone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--kiss-person-person-medium-light-skin-tone-medium-skin-tone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:kiss-person-person-medium-light-skin-tone-medium-skin-tone"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:kiss-person-person-medium-light-skin-tone-medium-skin-tone"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/kiss-person-person-medium-light-skin-tone-medium-skin-tone.svg" alt="Kiss Person Person Medium Light Skin Tone Medium Skin Tone アイコン" width="24" height="24">
他のアイコンセットの Kiss Person Person Medium Light Skin Tone Medium Skin Tone アイコン
Kiss Person Person Medium Light Skin Tone Medium Skin Tone アイコン のよくある質問
Kiss Person Person Medium Light Skin Tone Medium Skin Tone アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Kiss Person Person Medium Light Skin Tone Medium Skin Tone アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:kiss-person-person-medium-light-skin-tone-medium-skin-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Kiss Person Person Medium Light Skin Tone Medium Skin Tone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/kiss-person-person-medium-light-skin-tone-medium-skin-tone.svg" alt="Kiss Person Person Medium Light Skin Tone Medium Skin Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
