User Boss アイコン
vs:user-boss
User Boss アイコン(vs:user-boss)は、Vesper Icons セットの無料 SVG アイコンです（作者: TableCheck）。 1408 × 1472 のグリッドで描かれています。 Vesper Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Vesper Icons
- 作者
- TableCheck
- ライセンス
- OFL-1.1
- サイズ
- 1408 × 1472
- タグ
- userboss
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1408" height="1472" viewBox="0 0 1408 1472"><path fill="currentColor" d="M704 768q-5 3-55.5 25T590 821q38 57 73 98q-9 20-26 93t-36.5 168t-20.5 99q-1-3-21-8t-42.5-18.5T487 1215q-16-54-27-162t-17-192.5t-13-93.5q-7 3-31.5 16T348 806q-30 11-82 30t-82 30.5t-66.5 27.5t-59 32.5T24 960q-24 64-24 512h1408q0-112-5.5-292T1384 960q-12-17-34.5-33.5t-59-32.5t-66.5-27.5t-82-30.5t-82-30q-26-10-50.5-23T978 767q-7 9-11.5 93.5t-14 192.5t-25.5 162q-7 24-29.5 37.5T855 1271t-21 8q-62-303-89-360q35-41 73-98q-8-6-58.5-28T704 768m0-704q140 0 235 103q27-13 61-3q13 2 29 1t30.5-2.5t28.5 14t23 50.5q4 16 6.5 29.5t1.5 25.5t-1 20t-4.5 18t-5.5 14.5t-9 14t-9.5 11.5t-11 12t-10.5 11q-5 25-21.5 44t-28.5 19q-22 111-110 184.5T704 704t-204-73.5T390 446q-12 0-28.5-19T340 383q-1-1-10.5-11t-11-12t-9.5-11.5t-9-14t-5.5-14.5t-4.5-18t-1-20t1.5-25.5T297 227q9-35 23-50.5t28.5-14T379 165t29-1q34-10 61 3Q564 64 704 64m-47 224q6 0 10.5 4.5T672 303v27q20-2 32-2t32 2v-27q0-6 4.5-10.5T751 288h145q-19-34-17-47q1-10 3.5-14t5.5-5t10-4.5t13-9.5q-81-96-207-96t-207 96q6 6 13 9.5t10 4.5t5.5 5t3.5 14q2 13-17 47zm-177 41q-10 5-45 18q-3 18-3 37q0 112 80 192t192 80t192-80t80-192q0-19-3-37q-35-13-45-18v104q0 6-4.5 10.5T913 448H751q-6 0-10.5-4.5T736 433v-63q-15-3-32-3t-32 3v63q0 6-4.5 10.5T657 448H495q-6 0-10.5-4.5T480 433zm396-9h-88q-8 0-14 6t-6 14v56q0 8 6 14t14 6h88q8 0 14-6t6-14v-56q0-8-6-14t-14-6m-344 0q-8 0-14 6t-6 14v56q0 8 6 14t14 6h88q8 0 14-6t6-14v-56q0-8-6-14t-14-6z"/></svg>User Boss アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="vs:user-boss" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:user-boss" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:user-boss" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--user-boss]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:user-boss"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:user-boss"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/vs/user-boss.svg" alt="User Boss アイコン" width="24" height="24">Vesper Icons の関連アイコン
User Boss アイコン のよくある質問
User Boss アイコンは商用利用でも無料ですか?
はい。Vesper Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で User Boss アイコンを使うには?
@iconify/react をインストールして <Icon icon="vs:user-boss" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
User Boss アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/vs/user-boss.svg" alt="User Boss アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。