User Hands Bold アイコン

Q: User Hands Bold アイコンは商用利用でも無料ですか?

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

solar:user-hands-bold

User Hands Bold アイコン(solar:user-hands-bold)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: ユーザー
タグ: userhands、handsbold、userhandsbold、hand

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 10C14.2091 10 16 8.20914 16 6C16 3.79086 14.2091 2 12 2C9.79086 2 8 3.79086 8 6C8 8.20914 9.79086 10 12 10Z"/><path d="M8.00007 12.25C5.90904 12.25 4.149 13.8151 3.90469 15.8918L3.25521 21.4124C3.20681 21.8237 3.50106 22.1965 3.91244 22.2449C4.32382 22.2933 4.69654 21.999 4.74494 21.5876L5.39441 16.0671C5.51949 15.0039 6.26894 14.1515 7.25007 13.859L7.25007 18.052C7.25004 18.9505 7.25002 19.6997 7.32998 20.2945C7.41439 20.9223 7.60006 21.4891 8.05553 21.9445C8.511 22.4 9.0778 22.5857 9.70559 22.6701C10.3004 22.7501 11.0496 22.75 11.948 22.75H12.0521C12.9505 22.75 13.6998 22.7501 14.2946 22.6701C14.9223 22.5857 15.4891 22.4 15.9446 21.9445C16.4001 21.4891 16.5858 20.9223 16.6702 20.2945C16.7501 19.6997 16.7501 18.9505 16.7501 18.052L16.7501 13.859C17.7312 14.1515 18.4807 15.0039 18.6057 16.0671L19.2552 21.5876C19.3036 21.999 19.6763 22.2933 20.0877 22.2449C20.4991 22.1965 20.7933 21.8237 20.7449 21.4124L20.0955 15.8918C19.8511 13.8151 18.0911 12.25 16.0001 12.25H8.00007Z"/></g></svg>

User Hands Bold アイコンの使い方

React

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

<Icon icon="solar:user-hands-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:user-hands-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:user-hands-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--user-hands-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:user-hands-bold"></div>

Web コンポーネント

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

<iconify-icon icon="solar:user-hands-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/user-hands-bold.svg" alt="User Hands Bold アイコン" width="24" height="24">

Solar の関連アイコン

User Hands Bold アイコンのよくある質問

User Hands Bold アイコンは商用利用でも無料ですか?

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

React で User Hands Bold アイコンを使うには?

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

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

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

Solar アイコンをすべて見る →