User アイコン

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

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

ei:user

User アイコン(ei:user)は、Evil Icons セットの無料 SVG アイコンです（作者: Alexander Madyankin and Roman Shamin）。 50 × 50 のグリッドで描かれています。 Evil Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Evil Icons
作者: Alexander Madyankin and Roman Shamin
ライセンス: MIT
サイズ: 50 × 50

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="currentColor" d="M25.1 42c-9.4 0-17-7.6-17-17s7.6-17 17-17s17 7.6 17 17s-7.7 17-17 17m0-32c-8.3 0-15 6.7-15 15s6.7 15 15 15s15-6.7 15-15s-6.8-15-15-15"/><path fill="currentColor" d="m15.3 37.3l-1.8-.8c.5-1.2 2.1-1.9 3.8-2.7s3.8-1.7 3.8-2.8v-1.5c-.6-.5-1.6-1.6-1.8-3.2c-.5-.5-1.3-1.4-1.3-2.6c0-.7.3-1.3.5-1.7c-.2-.8-.4-2.3-.4-3.5c0-3.9 2.7-6.5 7-6.5c1.2 0 2.7.3 3.5 1.2c1.9.4 3.5 2.6 3.5 5.3c0 1.7-.3 3.1-.5 3.8c.2.3.4.8.4 1.4c0 1.3-.7 2.2-1.3 2.6c-.2 1.6-1.1 2.6-1.7 3.1V31c0 .9 1.8 1.6 3.4 2.2c1.9.7 3.9 1.5 4.6 3.1l-1.9.7c-.3-.8-1.9-1.4-3.4-1.9c-2.2-.8-4.7-1.7-4.7-4v-2.6l.5-.3s1.2-.8 1.2-2.4v-.7l.6-.3c.1 0 .6-.3.6-1.1c0-.2-.2-.5-.3-.6l-.4-.4l.2-.5s.5-1.6.5-3.6c0-1.9-1.1-3.3-2-3.3h-.6l-.3-.5c0-.4-.7-.8-1.9-.8c-3.1 0-5 1.7-5 4.5c0 1.3.5 3.5.5 3.5l.1.5l-.4.5c-.1 0-.3.3-.3.7c0 .5.6 1.1.9 1.3l.4.3v.5c0 1.5 1.3 2.3 1.3 2.4l.5.3v2.6c0 2.4-2.6 3.6-5 4.6c-1.1.4-2.6 1.1-2.8 1.6"/></svg>

User アイコンの使い方

React

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

<Icon icon="ei:user" width="24" />

Vue

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

<template>
  <Icon icon="ei:user" width="24" />
</template>

Svelte

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

<Icon icon="ei:user" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="ei:user"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ei/user.svg" alt="User アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Evil Icons をすべて見る →