Person With Skullcap Medium Dark Skin Tone アイコン

Q: Person With Skullcap Medium Dark Skin Tone アイコンは商用利用でも無料ですか?

はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

twemoji:person-with-skullcap-medium-dark-skin-tone

Person With Skullcap Medium Dark Skin Tone アイコン(twemoji:person-with-skullcap-medium-dark-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
カテゴリ: 人物・体
タグ: personwith、withskullcap、skullcapmedium、mediumdark、darkskin、skintone、man with chinese cap medium dark skin tone、man with skullcap medium dark skin tone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#af7e57" d="M30.5 14c-.428 0-.824.188-1.177.491C27.69 8.459 23.244 4.125 18 4.125S8.309 8.46 6.676 14.49C6.324 14.188 5.928 14 5.5 14C4.119 14 3 15.79 3 18s1.119 4 2.5 4c.225 0 .438-.062.646-.151C7.006 29.287 11.978 35 18 35s10.993-5.713 11.854-13.152c.208.09.421.152.646.152c1.381 0 2.5-1.791 2.5-4s-1.119-4-2.5-4"/><path fill="#dd2e44" d="M6 12.11C6 7.055 10.958 1 18 1s12 6.056 12 11.111C30 12.833 25.041 15 18 15S6 12.833 6 12.11"/><path fill="#915a34" d="M18 31c-2.21 0-4.357-1.06-4.447-1.105a1 1 0 0 1 .893-1.79c.018.009 1.824.895 3.554.895s3.536-.886 3.554-.896a1 1 0 0 1 .894 1.79C22.356 29.94 20.211 31 18 31m1-5h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2"/><path fill="#77b255" d="M18 1s5 4 6 8c.97 3.88 0 7 0 7H12s-1-3 0-7s6-8 6-8"/><path fill="#414042" d="M6 11s3 3 12 3s12-3 12-3s1 2 0 3s-4 3-12 3s-11-2-12-3s0-3 0-3"/><ellipse cx="18" cy="1" fill="#414042" rx="2" ry="1"/><ellipse cx="18" cy="11" fill="#ffd983" rx="3" ry="2"/><path fill="#60352a" d="M13 22a1 1 0 0 1-1-1v-2a1 1 0 0 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>

Person With Skullcap Medium Dark Skin Tone アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="twemoji:person-with-skullcap-medium-dark-skin-tone" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="twemoji:person-with-skullcap-medium-dark-skin-tone" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="twemoji:person-with-skullcap-medium-dark-skin-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--person-with-skullcap-medium-dark-skin-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:person-with-skullcap-medium-dark-skin-tone"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="twemoji:person-with-skullcap-medium-dark-skin-tone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/twemoji/person-with-skullcap-medium-dark-skin-tone.svg" alt="Person With Skullcap Medium Dark Skin Tone アイコン" width="24" height="24">

Twitter Emoji の関連アイコン

他のアイコンセットの Person With Skullcap Medium Dark Skin Tone アイコン

Person With Skullcap Medium Dark Skin Tone アイコンのよくある質問

Person With Skullcap Medium Dark Skin Tone アイコンは商用利用でも無料ですか?

はい。Twitter Emoji icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Person With Skullcap Medium Dark Skin Tone アイコンを使うには?

@iconify/react をインストールして <Icon icon="twemoji:person-with-skullcap-medium-dark-skin-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Person With Skullcap Medium Dark Skin Tone アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/person-with-skullcap-medium-dark-skin-tone.svg" alt="Person With Skullcap Medium Dark Skin Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Twitter Emoji アイコンをすべて見る →