Man 1 アイコン
streamline-emojis:man-1
Man 1 アイコン(streamline-emojis:man-1)は、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="#724f3d" d="M24 4.51a14.5 14.5 0 0 0-3.63.49c-2.76.62-6.35 1.67-9.6 1A6.2 6.2 0 0 0 12 10.78a14.53 14.53 0 0 0-2.6 8.32v7.64h29.19V19.1A14.59 14.59 0 0 0 24 4.51"/><path fill="#a86c4d" d="M24 4.51a14.5 14.5 0 0 0-3.63.49c-2.76.62-6.35 1.67-9.6 1a6.55 6.55 0 0 0 1 4.47c3 .28 6.12-.61 8.6-1.17a14.59 14.59 0 0 1 18.22 14.14V19.1A14.59 14.59 0 0 0 24 4.51"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 4.51a14.5 14.5 0 0 0-3.63.49c-2.76.62-6.35 1.67-9.6 1A6.2 6.2 0 0 0 12 10.78a14.53 14.53 0 0 0-2.6 8.32v7.64h29.19V19.1A14.59 14.59 0 0 0 24 4.51"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M40.15 25.63a2.7 2.7 0 0 0-2.07-2.29l-.87-.25A3 3 0 0 1 35 20.16v-3.07a2.77 2.77 0 0 0-2.08-2.68A23 23 0 0 1 24 16a23 23 0 0 1-8.9-1.61a2.77 2.77 0 0 0-2.1 2.7v3.07a3 3 0 0 1-2.23 2.93l-.87.25a2.63 2.63 0 0 0 .61 5.21h.17a13.45 13.45 0 0 0 26.6 0h.17a2.69 2.69 0 0 0 2.7-2.92"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M15.93 25.31a1.15 1.15 0 1 0 1.14-1.15a1.15 1.15 0 0 0-1.14 1.15m16.14 0a1.15 1.15 0 1 1-1.14-1.15a1.15 1.15 0 0 1 1.14 1.15"/><path fill="#ff6242" d="M20.31 32.59a.6.6 0 0 0-.44.2a.57.57 0 0 0-.13.47a4.32 4.32 0 0 0 8.52 0a.57.57 0 0 0-.13-.47a.6.6 0 0 0-.44-.2Z"/><path fill="#ffa694" d="M24 34.37a5.3 5.3 0 0 0-3.29 1a4.38 4.38 0 0 0 6.58 0a5.3 5.3 0 0 0-3.29-1"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M20.31 32.59a.6.6 0 0 0-.44.2a.57.57 0 0 0-.13.47a4.32 4.32 0 0 0 8.52 0a.57.57 0 0 0-.13-.47a.6.6 0 0 0-.44-.2Z"/><path fill="#ffaa54" d="M13.69 30.19a1.49.89 0 1 0 2.98 0a1.49.89 0 1 0-2.98 0m17.64 0a1.49.89 0 1 0 2.98 0a1.49.89 0 1 0-2.98 0"/></svg>Man 1 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:man-1" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:man-1" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:man-1" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--man-1]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:man-1"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:man-1"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-emojis/man-1.svg" alt="Man 1 アイコン" width="24" height="24">Streamline Emojis の関連アイコン
man-2
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 1 アイコン のよくある質問
Man 1 アイコンは商用利用でも無料ですか?
はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Man 1 アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-emojis:man-1" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Man 1 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-emojis/man-1.svg" alt="Man 1 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。