Camera Person アイコン
cbi:camera-person
Camera Person アイコン(cbi:camera-person)は、Custom Brand Icons セットの無料 SVG アイコンです（作者: Emanuele & rchiileea）。 24 × 24 のグリッドで描かれています。 Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Custom Brand Icons
- 作者
- Emanuele & rchiileea
- ライセンス
- CC-BY-NC-SA-4.0
- サイズ
- 24 × 24
- タグ
- cameraperson
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m10.672 14.19l-.612-.306l-.442-1.06a3.14 3.14 0 0 0-1.385-1.54a1.36 1.36 0 0 0 1.109-1.326a1.378 1.378 0 1 0-2.376.935c-.09-.008-.18-.021-.272-.021a4.7 4.7 0 0 0-1.896.402l-.23.102a3.67 3.67 0 0 0-1.99 2.195l-.075.224a.918.918 0 1 0 1.742.583l.074-.224a1.84 1.84 0 0 1 .995-1.096l.23-.102l.081-.033l-.484 1.824a1.84 1.84 0 0 0 .421 1.712l2.029 2.212l.632 2.528a.918.918 0 0 0 1.782-.445l-.659-2.642a1.4 1.4 0 0 0-.322-.597l-1.421-1.549l.553-1.879l.275.66a1.38 1.38 0 0 0 .654.702l.77.382a.918.918 0 1 0 .816-1.641Zm-5.984 2.645l-.714 1.79l-1.705 1.701a.918.918 0 0 0 1.3 1.3l1.77-1.77a1.4 1.4 0 0 0 .306-.462l.417-1.038l-1.174-1.274a3 3 0 0 1-.2-.247M3.305 2.552h-1.02v1.02a1.02 1.02 0 0 0 1.02-1.02m1.362 0h-.683a1.7 1.7 0 0 1-1.699 1.699v.687a2.38 2.38 0 0 0 2.382-2.386m1.358 0h-.679a3.06 3.06 0 0 1-3.061 3.061v.679a3.74 3.74 0 0 0 3.74-3.74m5.77 3.955L13.581 9.6l1.291-1.623l-1.021-1.771Zm7.654 2.746V7.87a1.28 1.28 0 0 0 .765-1.169a1.2 1.2 0 0 0-.27-.765l1.005-.59a1.08 1.08 0 0 0 .393-1.476l-.704-1.224a1.08 1.08 0 0 0-1.475-.398l-4.148 2.408a1.007 1.007 0 0 0-.373 1.382l.765 1.327a1.02 1.02 0 0 0 1.393.372l.96-.552a1.3 1.3 0 0 0 .668.68v1.388a1.02 1.02 0 0 0 1.021 1.02H22v-1.02Z"/></svg>Camera Person アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:camera-person" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:camera-person" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:camera-person" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--camera-person]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:camera-person"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:camera-person"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/camera-person.svg" alt="Camera Person アイコン" width="24" height="24">Custom Brand Icons の関連アイコン
Camera Person アイコン のよくある質問
Camera Person アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Camera Person アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:camera-person" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Camera Person アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/camera-person.svg" alt="Camera Person アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。