Man 2 アイコン
streamline-emojis:man-2
Man 2 アイコン(streamline-emojis:man-2)は、Streamline Emojis セットの無料 SVG アイコンです(作者: Streamline)。 48 × 48 のグリッドで描かれています。 Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Streamline Emojis
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- スマイリー・人物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M11.5 44.5a12.5 1.5 0 1 0 25 0a12.5 1.5 0 1 0-25 0" opacity=".15"/><path fill="#a86c4d" d="M24 5.23a14.3 14.3 0 0 0-3.55.45c-2.71.61-6.23 1.63-9.41 1a6.1 6.1 0 0 0 1.21 4.68a14.3 14.3 0 0 0-2.55 8.17V27h28.6v-7.47A14.3 14.3 0 0 0 24 5.23"/><path fill="#de926a" d="M24 5.23a14.3 14.3 0 0 0-3.55.45c-2.71.61-6.23 1.63-9.41 1a6.83 6.83 0 0 0 .48 3.46c3.05.43 6.36-.52 8.93-1.1A14.29 14.29 0 0 1 38.3 22.91v-3.38A14.3 14.3 0 0 0 24 5.23"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 5.23a14.3 14.3 0 0 0-3.55.45c-2.71.61-6.23 1.63-9.41 1a6.1 6.1 0 0 0 1.21 4.68a14.3 14.3 0 0 0-2.55 8.17V27h28.6v-7.47A14.3 14.3 0 0 0 24 5.23"/><path fill="#ffcebf" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M39.82 25.92a2.69 2.69 0 0 0-2-2.25l-.86-.23a3 3 0 0 1-2.18-2.88v-3a2.71 2.71 0 0 0-2-2.62A22.5 22.5 0 0 1 24 16.51a22.5 22.5 0 0 1-8.71-1.58a2.7 2.7 0 0 0-2 2.62v3.63a2.34 2.34 0 0 1-2.32 2.33a2.74 2.74 0 0 0-2.74 2.2a2.64 2.64 0 0 0 2.61 3.07H11a13.17 13.17 0 0 0 26.06 0h.16a2.63 2.63 0 0 0 2.6-2.86"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M16.09 25.61a1.13 1.13 0 1 0 1.12-1.12a1.12 1.12 0 0 0-1.12 1.12m15.82 0a1.13 1.13 0 1 1-1.12-1.12a1.12 1.12 0 0 1 1.12 1.12"/><path fill="#ff6242" d="M19.87 32.45a.66.66 0 0 0-.49.22a.65.65 0 0 0-.14.52a4.83 4.83 0 0 0 9.52 0a.65.65 0 0 0-.14-.52a.66.66 0 0 0-.49-.22Z"/><path fill="#ffa694" d="M24 34.43a5.92 5.92 0 0 0-3.67 1.12a4.87 4.87 0 0 0 7.34 0A5.92 5.92 0 0 0 24 34.43"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M19.87 32.45a.66.66 0 0 0-.49.22a.65.65 0 0 0-.14.52a4.83 4.83 0 0 0 9.52 0a.65.65 0 0 0-.14-.52a.66.66 0 0 0-.49-.22Z"/><path fill="#ffb59e" d="M13.89 30.39a1.46.87 0 1 0 2.92 0a1.46.87 0 1 0-2.92 0m17.3 0a1.46.87 0 1 0 2.92 0a1.46.87 0 1 0-2.92 0"/></svg>Man 2 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:man-2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:man-2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:man-2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--man-2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:man-2"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:man-2"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-emojis/man-2.svg" alt="Man 2 アイコン" width="24" height="24">Streamline Emojis の関連アイコン
man-1
man-and-woman-holding-hands-1
man-and-woman-holding-hands-2
man-artist-1
man-artist-2
man-astronaut-1
man-astronaut-2
man-bowing-1
man-bowing-2
man-cook-1
man-cook-2
man-dancing-1
man-dancing-2
man-facepalming-1
man-facepalming-2
man-factory-worker-1
man-factory-worker-2
man-farmer-1
man-farmer-2
man-firefighter-1
man-firefighter-2
man-frowning-1
man-frowning-2
man-gesturing-no-1
他のアイコンセットの Man 2 アイコン
Man 2 アイコン のよくある質問
Man 2 アイコンは商用利用でも無料ですか?
はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Man 2 アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-emojis:man-2" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Man 2 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-emojis/man-2.svg" alt="Man 2 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。