Kiss Man Man Medium Light Skin Tone Medium Skin Tone アイコン
twemoji:kiss-man-man-medium-light-skin-tone-medium-skin-tone
Kiss Man Man Medium Light Skin Tone Medium Skin Tone アイコン(twemoji:kiss-man-man-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
- カテゴリ
- 人物・体
- タグ
- kissman、manman、manmedium、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.042c6.626 0 12 5.373 12 12s-5.374 12-12 12c-1.787 0-3.476-.401-5-1.102V9.143a11.9 11.9 0 0 1 5-1.101"/><path fill="#ffe51e" d="M15.333 15.042c-.055.06-.128.115-.197.171c-.72.716-1.753 1.477-3.219 2.036c-3.691 1.407-9.121.297-9.121.297s.748-1.198 2.101-2.492A17.1 17.1 0 0 0 0 17.425v-9.25a13.44 13.44 0 0 1 6-1.428c6.508-.008 9.915 3.393 10.059 6.135c.176.085.352.168.531.265c0 0-.237.641-.902 1.459a10 10 0 0 1-.249.29c-.038.047-.064.1-.106.146"/><path fill="#662113" d="M10 21.542c1.411 0 1.497-1.251 1.5-1.503a.5.5 0 0 1 1 .003c0 .864-.523 2.5-2.5 2.5a.5.5 0 0 1 0-1m-5 0c1.411 0 1.497-1.251 1.5-1.503a.5.5 0 0 1 1 .003c0 .864-.523 2.5-2.5 2.5a.5.5 0 0 1 0-1"/><path fill="#c1694f" d="M9.995 25.542a.501.501 0 0 1 .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.5a.497.497 0 0 1-.496-.494a.503.503 0 0 1 .49-.506c.231-.006.506-.098.506-.5s-.275-.494-.5-.5h-.011a.5.5 0 0 1 .006-1c.23-.006.505-.098.505-.5c0-.403-.274-.494-.505-.5"/><path fill="#d4ab88" d="M31 8.042c-6.626 0-12 5.373-12 12s5.374 12 12 12c1.787 0 3.476-.401 5-1.102V9.143a11.9 11.9 0 0 0-5-1.101"/><path fill="#963b22" d="M20.667 15.042c.055.06.128.115.197.171c.72.716 1.753 1.477 3.219 2.036c3.691 1.407 9.121.297 9.121.297s-.748-1.198-2.101-2.492A17.1 17.1 0 0 1 36 17.425v-9.25a13.4 13.4 0 0 0-6-1.429c-6.508-.008-9.915 3.393-10.059 6.135c-.176.085-.352.168-.531.265c0 0 .237.641.902 1.459q.116.141.249.29c.038.048.064.101.106.147"/><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="#dd2e44" d="M26.539 4.711A4.71 4.71 0 0 0 21.828 0C20.249 0 18.855.78 18 1.972A4.7 4.7 0 0 0 14.172 0a4.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 Man Man Medium Light Skin Tone Medium Skin Tone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:kiss-man-man-medium-light-skin-tone-medium-skin-tone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:kiss-man-man-medium-light-skin-tone-medium-skin-tone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:kiss-man-man-medium-light-skin-tone-medium-skin-tone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--kiss-man-man-medium-light-skin-tone-medium-skin-tone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:kiss-man-man-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-man-man-medium-light-skin-tone-medium-skin-tone"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/kiss-man-man-medium-light-skin-tone-medium-skin-tone.svg" alt="Kiss Man Man Medium Light Skin Tone Medium Skin Tone アイコン" width="24" height="24">
他のアイコンセットの Kiss Man Man Medium Light Skin Tone Medium Skin Tone アイコン
Kiss Man Man Medium Light Skin Tone Medium Skin Tone アイコン のよくある質問
Kiss Man Man Medium Light Skin Tone Medium Skin Tone アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Kiss Man Man Medium Light Skin Tone Medium Skin Tone アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:kiss-man-man-medium-light-skin-tone-medium-skin-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Kiss Man Man Medium Light Skin Tone Medium Skin Tone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/kiss-man-man-medium-light-skin-tone-medium-skin-tone.svg" alt="Kiss Man Man Medium Light Skin Tone Medium Skin Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
