Person Beard アイコン

Q: Person Beard アイコンは商用利用でも無料ですか?

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

twemoji:person-beard

Person Beard アイコン(twemoji:person-beard)は、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
カテゴリ: 人物・体
タグ: personbeard

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ffac33" d="M22.986.637C20.408-.197 14.34.03 12.823 2.002c-3.944.076-8.57 3.64-9.177 8.343c-.6 4.654.738 6.815 1.214 10.315c.539 3.965 2.768 5.233 4.551 5.764c2.564 3.387 5.29 3.242 9.866 3.242c8.937 0 13.193-5.98 13.569-16.136c.227-6.143-3.377-10.795-9.86-12.893"/><path fill="#ffdc5d" d="M28.097 13.964c-.865-1.197-1.972-2.161-4.399-2.503c.91.417 1.782 1.858 1.896 2.654s.228 1.441-.493.645c-2.886-3.19-6.03-1.934-9.145-3.883c-2.176-1.361-2.838-2.867-2.838-2.867s-.265 2.01-3.565 4.058c-.956.594-2.097 1.916-2.73 3.868c-.455 1.403-.314 2.655-.314 4.793c0 6.242 5.144 11.49 11.49 11.49s11.49-5.294 11.49-11.49c.001-3.883-.406-5.399-1.392-6.765"/><path fill="#ffac33" d="M27.375 24.174c-1.042 1.1-3.125 3.3-5.208 2.2c-2.946-1.556-4.167-1.1-4.167-1.1s-1.221-.455-4.167 1.1c-2.083 1.1-4.167-1.1-5.208-2.2c-.737-.778-3.125-2.2-3.125 0c0 3.3 2.083 5.5 2.083 5.5c2.083 5.5 6.25 5.5 6.25 5.5c1.042 1.1 7.292 1.1 8.333 0c0 0 4.167 0 6.25-5.5c0 0 2.083-2.2 2.083-5.5c.001-2.2-2.388-.777-3.124 0"/><path fill="#ffdc5d" d="M18 29.675c-4.167 0-7.292-2.2 0-2.2s4.167 2.2 0 2.2"/><path fill="#c1694f" d="M19.276 23.921h-2.553a.637.637 0 1 1 0-1.276h2.553a.637.637 0 1 1 0 1.276"/><path fill="#662113" d="M12.893 19.453a1.277 1.277 0 0 1-1.277-1.277v-1.277a1.277 1.277 0 0 1 2.554 0v1.277c0 .705-.572 1.277-1.277 1.277m10.213 0a1.277 1.277 0 0 1-1.277-1.277v-1.277a1.277 1.277 0 0 1 2.554 0v1.277c0 .705-.572 1.277-1.277 1.277"/></svg>

Person Beard アイコンの使い方

React

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

<Icon icon="twemoji:person-beard" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:person-beard" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:person-beard" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--person-beard]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:person-beard"></div>

Web コンポーネント

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

<iconify-icon icon="twemoji:person-beard"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/twemoji/person-beard.svg" alt="Person Beard アイコン" width="24" height="24">

Twitter Emoji の関連アイコン

他のアイコンセットの Person Beard アイコン

Person Beard アイコンのよくある質問

Person Beard アイコンは商用利用でも無料ですか?

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

React で Person Beard アイコンを使うには?

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

Person Beard アイコンをウェブページに追加するには?

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

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