ICONYZ
日本語
WebHostingHub Glyphs の Banuser アイコン

Banuser アイコン

whh:banuser

Banuser アイコン(whh:banuser)は、WebHostingHub Glyphs セットの無料 SVG アイコンです(作者: WebHostingHub)。 1024 × 1024 のグリッドで描かれています。 WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
WebHostingHub Glyphs
作者
WebHostingHub
ライセンス
OFL-1.1
サイズ
1024 × 1024
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M800 1024q-93 0-158.5-65.5T576 800t65.5-158.5T800 576t158.5 65.5T1024 800t-65.5 158.5T800 1024m160-224q0-50-29-91L709 931q41 29 91 29q66 0 113-47t47-113m-320 0q0 50 29 91l222-222q-41-29-91-29q-66 0-113 47t-47 113m-128 0q0 66 28.5 124.5T619 1024H436l-81-1l-87-2.5l-80-4.5l-75.5-8.5l-57.5-12L13.5 979L0 957q2-88 110-155.5T384 712v-33q-52-23-90-65t-60-98.5t-32-121T192 256q0-65 25-114.5t69-80t101-46T512 0t125 15.5t101 46t69 80T832 256q0 156-37 256q-118 2-200.5 86T512 800"/></svg>

Banuser アイコンの使い方

React

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

<Icon icon="whh:banuser" width="24" />

Vue

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

<template>
  <Icon icon="whh:banuser" width="24" />
</template>

Svelte

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

<Icon icon="whh:banuser" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--banuser]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:banuser"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="whh:banuser"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/whh/banuser.svg" alt="Banuser アイコン" width="24" height="24">

WebHostingHub Glyphs の関連アイコン

Banuser アイコン のよくある質問

Banuser アイコンは商用利用でも無料ですか?

はい。WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

React で Banuser アイコンを使うには?

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

Banuser アイコンをウェブページに追加するには?

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

WebHostingHub Glyphs アイコン をすべて見る →