Man Police Officer アイコン
fluent-emoji-high-contrast:man-police-officer
Man Police Officer アイコン(fluent-emoji-high-contrast:man-police-officer)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです(作者: Microsoft Corporation)。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 人物・体
- タグ
- manpolice、policeofficer、manpoliceofficer
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="m15.86 12.013l-.59 1.9c-.12.39.17.78.58.78h.87c.41 0 .7-.39.58-.78l-.59-1.9a.444.444 0 0 0-.85 0m-1.246 3.479c.48.25 1.06.4 1.67.4s1.18-.15 1.67-.4c.17-.08.34.1.24.26a2.27 2.27 0 0 1-1.91 1.04c-.8 0-1.5-.41-1.91-1.04c-.1-.16.08-.35.24-.26m-.804-3.899c.32 0 .58.26.58.58c0 .09-.03.18-.07.27H13.3a.58.58 0 0 1 .012-.567a.18.18 0 1 0 .269-.236a.6.6 0 0 1 .228-.047m4.961 0a.6.6 0 0 0-.21.038a.18.18 0 1 1-.273.22a.6.6 0 0 0-.098.322q0 .135.06.27h1.03c.05-.08.07-.17.07-.27a.58.58 0 0 0-.58-.58"/><path d="M27.984 30.972H4a1 1 0 0 1-1-1c0-3.06 2.417-8.25 6.979-10.88a4.84 4.84 0 0 1-.866-2.32L8.96 14.74a2.86 2.86 0 0 1-1.253-2.345c0-.708.267-1.39.748-1.91l-.2-1.05a1.33 1.33 0 0 1-.527-.73l-.643-2.351A2.67 2.67 0 0 1 8.8 3.123l4.987-1.7a7.62 7.62 0 0 1 5.018 0l4.94 1.7h.005a2.65 2.65 0 0 1 1.684 3.25l-.635 2.32a1.35 1.35 0 0 1-.678.83l-.134.716a2.823 2.823 0 0 1-.575 4.7l-.136 1.81a4.9 4.9 0 0 1-.946 2.448c4.684 2.81 6.654 8.248 6.654 10.78a1 1 0 0 1-1 .995m-11.701-7.507l-1.255.828l.546.957l-.822 3.722h2.956l-.712-3.703l.556-.975zm-2.663-.123c.07.27.45.385.71.213l1.62-1.068a2.9 2.9 0 0 1-2.472-2.171l-.58-.27l.484 2.326zm5.49-3.031a2.92 2.92 0 0 1-2.493 2.178l1.633 1.066c.26.172.64.058.71-.213l.238-.97l.485-2.327zm3.375-7.148a.87.87 0 0 0 .507-.768a.85.85 0 0 0-.406-.712zm-4.107-2.183h-4.185c.476.203.834.632.926 1.152c.03.16-.1.31-.26.31h-.07c.02-.09.04-.18.04-.27c-.01-.55-.46-1.01-1.02-1.01a1.007 1.007 0 0 0-.97 1.28h-.51c-.2 0-.35-.19-.3-.39c.14-.532.54-.958 1.057-1.124a5 5 0 0 1-.437-.086a6 6 0 0 1-1.751-.706l.409 5.997c.17 1.775 1.527 3.01 3.162 3.01h3.65c1.624 0 2.982-1.224 3.161-3.012l.412-6.039a5.7 5.7 0 0 1-1.563.696q-.312.094-.643.141c.515.167.915.592 1.053 1.124c.05.2-.1.39-.3.39h-.51a1.007 1.007 0 0 0-.97-1.28c-.56 0-1.01.46-1.01 1.02c0 .09.01.18.03.26h-.07c-.16 0-.29-.15-.26-.31c.1-.521.454-.95.928-1.153m3.819-2.458h.032a1 1 0 0 0 .067-.117a1 1 0 0 1 .054-.15c.104-.44-.126-.898-.515-1.008a19.74 19.74 0 0 0-11.065-.01c-.39.11-.621.57-.506 1.01q.04.152.124.27a23.2 23.2 0 0 1 11.809.005m-12.19 3.242a.84.84 0 0 0-.3.636a.85.85 0 0 0 .391.704zm4.908 8.742c.103.339.537.78 1.336.796h.066c.796-.01 1.24-.447 1.353-.793a5 5 0 0 1-.28.008h-2.14q-.169 0-.335-.011m5.805 7.561c.75 0 1.37-.62 1.38-1.38v-1.68c0-.33-.27-.6-.6-.6h-1.55c-.33 0-.6.27-.6.6v1.69c0 .76.61 1.37 1.37 1.37m-7.29-2.07h-3.7c-.08 0-.14.06-.14.14v.88c0 .08.06.14.14.14h3.7c.08 0 .14-.06.14-.14v-.88c0-.08-.06-.14-.14-.14m4.07-22.32c0-.22-.28-.3-.4-.12c-.09.13-.28.13-.36 0l-.22-.33c-.09-.13-.28-.13-.36 0l-.22.34c-.09.13-.28.13-.36 0c-.12-.18-.4-.1-.4.12v.84c0 .65.52 1.17 1.17 1.17s1.17-.52 1.17-1.17v-.44c-.02-.02-.02-.05-.02-.07z"/></g></svg>Man Police Officer アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:man-police-officer" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:man-police-officer" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:man-police-officer" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--man-police-officer]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:man-police-officer"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:man-police-officer"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/man-police-officer.svg" alt="Man Police Officer アイコン" width="24" height="24">Fluent Emoji High Contrast の関連アイコン
man
man-artist
man-astronaut
man-bald
man-beard
man-biking
man-blonde-hair
man-bouncing-ball
man-bowing
man-cartwheeling
man-climbing
man-construction-worker
man-cook
man-curly-hair
man-dancing
man-deaf
man-detective
man-elf
man-facepalming
man-factory-worker
man-fairy
man-farmer
man-feeding-baby
man-firefighter
他のアイコンセットの Man Police Officer アイコン
Man Police Officer アイコン のよくある質問
Man Police Officer アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Man Police Officer アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:man-police-officer" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Man Police Officer アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/man-police-officer.svg" alt="Man Police Officer アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。