Man Police Officer 1 アイコン

Q: Man Police Officer 1 アイコンは商用利用でも無料ですか?

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

streamline-emojis:man-police-officer-1

Man Police Officer 1 アイコン(streamline-emojis:man-police-officer-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
カテゴリ: スマイリー・人物
タグ: manpolice、policeofficer、manpoliceofficer

SVG をダウンロード

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.49a12.5 1.5 0 1 0 25 0a12.5 1.5 0 1 0-25 0" opacity=".15"/><path fill="#724f3d" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 4.5A14.59 14.59 0 0 0 9.41 19.09v7.64h29.18v-7.64A14.59 14.59 0 0 0 24 4.5"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M40.15 25.62a2.73 2.73 0 0 0-2.07-2.3l-.87-.24A3 3 0 0 1 35 20.15v-3.07a2.77 2.77 0 0 0-2.1-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.69v3.07a3 3 0 0 1-2.23 2.93l-.87.24a2.73 2.73 0 0 0-2.07 2.3a2.69 2.69 0 0 0 2.68 2.92h.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.3a1.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.58a.6.6 0 0 0-.44.2a.56.56 0 0 0-.13.46a4.32 4.32 0 0 0 8.52 0a.56.56 0 0 0-.13-.46a.57.57 0 0 0-.44-.2Z"/><path fill="#ffa694" d="M24 34.36a5.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.58a.6.6 0 0 0-.44.2a.56.56 0 0 0-.13.46a4.32 4.32 0 0 0 8.52 0a.56.56 0 0 0-.13-.46a.57.57 0 0 0-.44-.2Z"/><path fill="#ffaa54" d="M13.69 30.18a1.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"/><path fill="#00b8f0" d="M38.59 17.77S29.4 20.44 24 20.44S9.41 17.77 9.41 17.77l-1.48-3.16a3 3 0 0 1 .89-3.67C11.89 8.63 18.19 4.5 24 4.5s12.11 4.13 15.18 6.44a3 3 0 0 1 .89 3.67Z"/><path fill="#4acfff" d="M8 14.78a3 3 0 0 1 .82-1C11.89 11.5 18.19 7.37 24 7.37s12.11 4.13 15.18 6.45a3 3 0 0 1 .82 1l.07-.17a3 3 0 0 0-.89-3.67C36.11 8.63 29.81 4.5 24 4.5S11.89 8.63 8.82 10.94a3 3 0 0 0-.89 3.67Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M38.59 17.77S29.4 20.44 24 20.44S9.41 17.77 9.41 17.77l-1.48-3.16a3 3 0 0 1 .89-3.67C11.89 8.63 18.19 4.5 24 4.5s12.11 4.13 15.18 6.44a3 3 0 0 1 .89 3.67Z"/><path fill="#009fd9" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 13.31c-6.4 0-12 1.71-14.59 4.46c0 0 9.19 2.67 14.59 2.67s14.59-2.67 14.59-2.67C36 15 30.4 13.31 24 13.31"/><path fill="#525252" d="M35.73 18.53S31.84 16.79 24 16.79s-11.73 1.74-11.73 1.74S13.81 22 24 22s11.73-3.47 11.73-3.47"/><path fill="#656769" d="M12.27 18.53a4.1 4.1 0 0 0 1.78 1.58A38.4 38.4 0 0 1 24 19a38.4 38.4 0 0 1 10 1.15a4.1 4.1 0 0 0 1.78-1.58S31.84 16.79 24 16.79s-11.73 1.74-11.73 1.74"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M35.73 18.53S31.84 16.79 24 16.79s-11.73 1.74-11.73 1.74S13.81 22 24 22s11.73-3.47 11.73-3.47"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24.38 8.31L24 8.1l-.38.21a2.51 2.51 0 0 1-2.28 0l-.44-.21v3.42a3.65 3.65 0 0 0 3.1 3.4a3.65 3.65 0 0 0 3.1-3.4V8.1l-.44.23a2.51 2.51 0 0 1-2.28-.02"/></svg>

Man Police Officer 1 アイコンの使い方

React

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

<Icon icon="streamline-emojis:man-police-officer-1" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:man-police-officer-1" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:man-police-officer-1" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--man-police-officer-1]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:man-police-officer-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-police-officer-1"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-emojis/man-police-officer-1.svg" alt="Man Police Officer 1 アイコン" width="24" height="24">

Streamline Emojis の関連アイコン

Man Police Officer 1 アイコンのよくある質問

Man Police Officer 1 アイコンは商用利用でも無料ですか?

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

React で Man Police Officer 1 アイコンを使うには?

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

Man Police Officer 1 アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-emojis/man-police-officer-1.svg" alt="Man Police Officer 1 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Streamline Emojis アイコンをすべて見る →