Man アイコン

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

はい。Raphael icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

raphael:man

Man アイコン(raphael:man)は、Raphael セットの無料 SVG アイコンです（作者: Dmitry Baranovskiy）。 32 × 32 のグリッドで描かれています。 Raphael icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Raphael
作者: Dmitry Baranovskiy
ライセンス: MIT
サイズ: 32 × 32

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M21.02 16.35c-.61-1.105-1.358-2-2.108-2.624a5.23 5.23 0 0 1-3.103 1.03a5.24 5.24 0 0 1-3.106-1.03c-.75.625-1.498 1.52-2.11 2.623c-1.423 2.562-1.58 5.19-.35 5.873c.55.307 1.126.078 1.722-.496a10.6 10.6 0 0 0-.166 1.873c0 2.932 1.14 5.307 2.543 5.307c.846 0 1.265-.865 1.466-2.19c.2 1.325.62 2.19 1.462 2.19c1.406 0 2.545-2.375 2.545-5.307c0-.66-.06-1.29-.168-1.873c.597.574 1.173.803 1.724.496c1.228-.682 1.07-3.31-.353-5.874zm-5.212-2.593a4.28 4.28 0 1 0-.003-8.56a4.28 4.28 0 0 0 .003 8.561z"/></svg>

Man アイコンの使い方

React

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

<Icon icon="raphael:man" width="24" />

Vue

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

<template>
  <Icon icon="raphael:man" width="24" />
</template>

Svelte

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

<Icon icon="raphael:man" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="raphael:man"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/raphael/man.svg" alt="Man アイコン" width="24" height="24">

他のアイコンセットの Man アイコン

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

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

はい。Raphael icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

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