Person Beard アイコン

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:person-beard

Person Beard アイコン(openmoji:person-beard)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 人物・体
タグ: personbeard

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#92d3f5" d="M17 61v-4c0-5 5-9 10-9q9 7.5 18 0c5 0 10 4 10 9v4"/><path fill="#fcea2b" d="M24.9 31c0 9 4.9 14 11 14c6 0 11.1-5 11.1-14a12.4 12.4 0 0 0-1-5c-3-3-7-8-7-8c-4 3-7 6-13 7c0 0-1.1 1-1.1 6"/><path fill="#f1b31c" d="M36 12c-10 0-14 7-14 14c0 6.7 0 12.4 3.5 12.9c.2.5.4.9.6 1.4a14 14 0 0 0 2.1 2.7a10 10 0 0 0 7.4 2.5h.3a10 10 0 0 0 7.4-2.5a9 9 0 0 0 2.1-2.7q.562-1.072 1-2.2l-.3.9c3.9-.1 3.9-6 3.9-13s-4-14-14-14m4 27c0 .7-1.6 2-4 2s-4-1.3-4-2v-1.9a1 1 0 0 1 1-1l3 1.5l3.1-1.5a.945.945 0 0 1 1 1zm4.9-4.2s-1.9 3-2.7-1.2a24.3 24.3 0 0 0-13.1 0c-.7 4.2-2.7 1.2-2.7 1.2a29 29 0 0 1-1.6-4.1c.192-1.864.56-3.705 1.1-5.5c7.2-1 12.9-7.1 12.9-7.1s1.4 1.2 7.2 7.8q.47 1.979.7 4a19 19 0 0 1-1.8 4.9"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M25.5 39.2C20.7 39.2 22 33 22 26s4-14 14-14s14 7 14 14s.9 13.4-4 13M17 60v-3c0-5 5-9 10-9q9 7.5 18 0c5 0 10 4 10 9v3"/><path d="M41.9 29a2 2 0 1 1-4 0a2 2 0 0 1 4 0m-8 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/><path fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2" d="M47 31a12.4 12.4 0 0 0-1-5c-3-3-7-8-7-8c-4 3-7 6-13 7c0 0-1.1 1-1.1 6"/><path d="M39.9 36.5a.99.99 0 0 1-.5 1.3a7.2 7.2 0 0 1-3.5.8a8.1 8.1 0 0 1-3.4-.8a.99.99 0 0 1-.5-1.3a.883.883 0 0 1 1.2-.5c.1 0 .1 0 .1.1c1.58.9 3.52.9 5.1 0a1.13 1.13 0 0 1 1.5.4"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M24.9 31c-.2 3.1-.3 6.6 1.2 9.3a14 14 0 0 0 2.1 2.7a10.58 10.58 0 0 0 7.4 2.5"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M47 31a8.4 8.4 0 0 1-1.9 3.9s-1.9 3-2.7-1.2a24.3 24.3 0 0 0-13.1 0c-.8 4.2-2.7 1.2-2.7 1.2A11.1 11.1 0 0 1 25 31"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M47 31.4a16.1 16.1 0 0 1-1.6 8.9a9 9 0 0 1-2.1 2.7a10 10 0 0 1-7.4 2.5h-.3"/></svg>

Person Beard アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

OpenMoji の関連アイコン

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

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

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

OpenMoji アイコンをすべて見る →