User Female アイコン
andrsrxn:user-female
User Female アイコン(andrsrxn:user-female)は、andrsrxn/icons セットの無料 SVG アイコンです(作者: Andrés Raxón)。 24 × 24 のグリッドで描かれています。 andrsrxn/icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- andrsrxn/icons
- 作者
- Andrés Raxón
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- 人物
- タグ
- userfemale
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="M6.13 7.46c.01 1.41-.6 3.25-1.19 4.64c-.3.7.2 1.5.96 1.5h2.8a1 1 0 0 1 1 1v.72c0 .47-.32.88-.77 1.01c-1.1.35-3.13 1.11-4.04 2.35c-.46.62-.8 1.6-1.01 2.36c-.17.6.3 1.17.92 1.17h14.42a.93.93 0 0 0 .92-1.16a8 8 0 0 0-1-2.37c-.92-1.28-3.03-2.03-4.18-2.36a1.1 1.1 0 0 1-.79-1.02v-.7a1 1 0 0 1 1-1h2.9c.77 0 1.27-.82.98-1.52a14 14 0 0 1-1.08-3.8c-.22-2.08.51-4.52-1.4-5.1c-1.18-.36-2.07-.34-2.9.1a.6.6 0 0 1-.76-.18c-.44-.6-1.21-1.3-2.98-1.3c-2.81 0-3.81 3.13-3.8 5.66" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6.13 7.46c0 .93-.25 2.04-.6 3.09c-.5 1.48-.74 2.23-.44 2.64s1.02.41 2.47.41h.74c.37 0 .56 0 .7.05q.48.17.65.65c.05.15.05.33.05.7c0 .32 0 .48-.03.6a1 1 0 0 1-.43.6q-.13.08-.61.23c-1.15.38-2.9 1.12-3.74 2.25a6 6 0 0 0-.64 1.22c-.37.95-.56 1.43-.26 1.87s.87.44 2 .44h12.04c1.13 0 1.7 0 1.99-.44c.3-.43.12-.9-.24-1.85q-.26-.71-.63-1.24c-.85-1.18-2.7-1.9-3.89-2.27a3 3 0 0 1-.6-.22a1 1 0 0 1-.46-.61c-.03-.12-.03-.28-.03-.59c0-.36 0-.54.05-.68a1 1 0 0 1 .65-.66c.15-.05.33-.05.69-.05h.83c1.46 0 2.2 0 2.5-.4s.05-1.18-.43-2.7q-.36-1.09-.5-2.23c-.2-2.07.52-4.51-1.4-5.09a4 4 0 0 0-2.4-.11c-.51.16-.77.24-.9.2c-.14-.03-.33-.21-.7-.58c-.48-.48-1.26-.9-2.63-.9c-2.81 0-3.81 3.14-3.8 5.67"/></g></svg>User Female アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="andrsrxn:user-female" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="andrsrxn:user-female" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="andrsrxn:user-female" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--user-female]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:user-female"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="andrsrxn:user-female"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/andrsrxn/user-female.svg" alt="User Female アイコン" width="24" height="24">andrsrxn/icons の関連アイコン
user
user-background
user-background-dashed
user-background-dashed-sparkle
user-background-sparkle
user-card
user-change
user-check
user-circle
user-dashed
user-edit
user-female-plus
user-heart
user-in
user-lock
user-male
user-male-plus
user-minus
user-move
user-out
user-plus
user-prohibit
user-question
user-scan
他のアイコンセットの User Female アイコン
User Female アイコン のよくある質問
User Female アイコンは商用利用でも無料ですか?
はい。andrsrxn/icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で User Female アイコンを使うには?
@iconify/react をインストールして <Icon icon="andrsrxn:user-female" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
User Female アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/andrsrxn/user-female.svg" alt="User Female アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。