Person Private Bold アイコン
glyphs:person-private-bold
Person Private Bold アイコン(glyphs:person-private-bold)は、Glyphs セットの無料 SVG アイコンです(作者: Goran Spasojevic)。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
- タグ
- personprivate、privatebold、personprivatebold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-rule="evenodd" d="m27.649 48.634l-.119.044l-1.23.461A15.87 15.87 0 0 0 16 64a4 4 0 0 0 4 4h40a4 4 0 0 0 4-4a15.87 15.87 0 0 0-10.3-14.86l-1.23-.462l-.119-.044l-6.443 5.456a9.14 9.14 0 0 1-11.816 0z" clip-rule="evenodd"/><path fill="currentColor" d="m27.53 48.678l.702 1.873zm.119-.044l1.292-1.526a2 2 0 0 0-1.988-.349zm-1.349.505l.702 1.873zm27.4 0l-.702 1.873zm-1.23-.46l-.702 1.872zm-.119-.045l.695-1.875a2 2 0 0 0-1.987.349zm-6.443 5.456l-1.292-1.527zm-11.816 0l1.292-1.527zm-5.86-3.539l.112-.041l-1.39-3.751l-.126.047zm-1.23.461l1.23-.46l-1.404-3.746l-1.23.46zM18 64a13.87 13.87 0 0 1 9.002-12.988l-1.404-3.745A17.87 17.87 0 0 0 14 64zm2 2a2 2 0 0 1-2-2h-4a6 6 0 0 0 6 6zm40 0H20v4h40zm2-2a2 2 0 0 1-2 2v4a6 6 0 0 0 6-6zm-9.002-12.988A13.87 13.87 0 0 1 62 64h4a17.87 17.87 0 0 0-11.598-16.733zm-1.23-.46l1.23.46l1.404-3.745l-1.23-.461zm-.112-.042l.112.041l1.404-3.745l-.126-.047zm-.597-3.402l-6.443 5.455l2.584 3.053l6.444-5.455zm-6.443 5.455a7.14 7.14 0 0 1-9.232 0L32.8 55.616a11.14 11.14 0 0 0 14.4 0zm-9.232 0l-6.443-5.455l-2.585 3.053l6.444 5.455z"/><path fill="currentColor" d="M42 56.255a2 2 0 0 0-4 0zM38 68a2 2 0 1 0 4 0zm0-11.745V68h4V56.255z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="6" d="M27.034 18.843c6.386-8.835 19.546-8.835 25.933 0l6.614 9.15a12 12 0 0 1-1.97 16.188L45.907 54.09a9.14 9.14 0 0 1-11.816 0L22.39 44.18a12 12 0 0 1-1.971-16.188z"/><path fill="currentColor" fill-rule="evenodd" d="M52.967 18.843c-6.387-8.834-19.546-8.834-25.933 0l-6.615 9.15a11.97 11.97 0 0 0-2.218 8.202A32.96 32.96 0 0 1 40.001 28a32.97 32.97 0 0 1 21.798 8.194c.277-2.82-.44-5.741-2.218-8.201z" clip-rule="evenodd"/><path fill="currentColor" d="m27.034 18.843l1.62 1.172zm25.933 0l-1.621 1.172zm-32.548 9.15L18.8 26.82zm-2.218 8.202l-1.99.195a2 2 0 0 0 3.308 1.309zm43.598 0l-1.318 1.504a2 2 0 0 0 3.308-1.31zm-2.218-8.202l-1.62 1.172zm-30.927-7.978c5.589-7.73 17.103-7.73 22.692 0l3.241-2.343c-7.185-9.94-21.989-9.94-29.174 0zm-6.614 9.15l6.615-9.15l-3.242-2.343l-6.615 9.15zm-1.848 6.834a9.97 9.97 0 0 1 1.848-6.834l-3.242-2.344a13.97 13.97 0 0 0-2.587 9.569zm-.673 1.7A30.96 30.96 0 0 1 40 30v-4a34.96 34.96 0 0 0-23.117 8.69zM40 30c7.846 0 15.01 2.904 20.48 7.699l2.637-3.009A34.96 34.96 0 0 0 40 26zm17.96-.835a9.97 9.97 0 0 1 1.849 6.834l3.98.39a13.97 13.97 0 0 0-2.587-9.568zm-6.614-9.15l6.614 9.15l3.242-2.344l-6.615-9.15z"/><path fill="currentColor" fill-rule="evenodd" d="M31.896 22.357c3.992-5.522 12.216-5.522 16.208 0l.415.573A39.2 39.2 0 0 0 40 22a39.2 39.2 0 0 0-8.518.931zm-3.914 14.445a13.347 13.347 0 0 0 24.036 0A27 27 0 0 0 40 33.999c-4.32 0-8.397 1.007-12.018 2.803" clip-rule="evenodd"/></g></svg>Person Private Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:person-private-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:person-private-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:person-private-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--person-private-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:person-private-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:person-private-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs/person-private-bold.svg" alt="Person Private Bold アイコン" width="24" height="24">Glyphs の関連アイコン
Person Private Bold アイコン のよくある質問
Person Private Bold アイコンは商用利用でも無料ですか?
はい。Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Person Private Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs:person-private-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Person Private Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs/person-private-bold.svg" alt="Person Private Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。