User Add アイコン
uiw:user-add
User Add アイコン(uiw:user-add)は、uiw icons セットの無料 SVG アイコンです(作者: liwen0526)。 20 × 20 のグリッドで描かれています。 uiw icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M9.467 0c3.184 0 5.765 2.566 5.765 5.732a5.7 5.7 0 0 1-2.02 4.358q.405.2.738.403q.716.435 1.49 1.079a.685.685 0 0 1 .086.969a.694.694 0 0 1-.975.086a11 11 0 0 0-1.322-.96a11 11 0 0 0-1.405-.703a5.8 5.8 0 0 1-2.357.5a5.8 5.8 0 0 1-2.58-.605l-.042.02c-1.95.756-3.373 1.874-4.292 3.358c-.922 1.489-1.299 3.153-1.13 5.014a.69.69 0 0 1-.628.746a.69.69 0 0 1-.75-.623c-.195-2.152.249-4.113 1.33-5.858c.95-1.536 2.347-2.73 4.174-3.582a5.7 5.7 0 0 1-1.846-4.202C3.703 2.566 6.283 0 9.467 0m7.401 12.693c.38 0 .688.31.688.691v1.752h1.752a.69.69 0 0 1 .692.689a.69.69 0 0 1-.692.687h-1.752v1.753a.69.69 0 0 1-.688.691a.69.69 0 0 1-.688-.691v-1.753h-1.752a.69.69 0 0 1-.692-.687c0-.38.31-.688.692-.688l1.752-.001v-1.752a.69.69 0 0 1 .688-.691m-7.4-11.317c-2.42 0-4.382 1.95-4.382 4.356s1.962 4.357 4.381 4.357s4.381-1.95 4.381-4.357s-1.961-4.356-4.38-4.356"/></svg>User Add アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="uiw:user-add" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="uiw:user-add" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="uiw:user-add" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[uiw--user-add]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/uiw -->
<div class="i-uiw:user-add"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="uiw:user-add"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/uiw/user-add.svg" alt="User Add アイコン" width="24" height="24">uiw icons の関連アイコン
他のアイコンセットの User Add アイコン
User Add アイコン のよくある質問
User Add アイコンは商用利用でも無料ですか?
はい。uiw icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で User Add アイコンを使うには?
@iconify/react をインストールして <Icon icon="uiw:user-add" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
User Add アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/uiw/user-add.svg" alt="User Add アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。