Female アイコン
glyphs-poly:female
Female アイコン(glyphs-poly:female)は、Glyphs Poly セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs Poly
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#f2c94c" fill-rule="evenodd" d="M44.819 34.27a6.554 6.554 0 0 0-9.922 0l-.12.139a7 7 0 0 0-1.352 2.403l-5.406 16.692a.38.38 0 0 0 .36.496H35v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V54h6.336a.38.38 0 0 0 .361-.496l-5.406-16.692a7 7 0 0 0-1.352-2.403z" clip-rule="evenodd"/><path fill="#f2c94c" d="m44.819 34.27l-1.514 1.308zm-9.922 0l-1.514-1.307zm-.12.139l1.514 1.307zm-1.352 2.403l-1.903-.616zm-5.406 16.692l-1.903-.617zM35 54h2a2 2 0 0 0-2-2zm10 0v-2a2 2 0 0 0-2 2zm6.697-.496l1.903-.617zm-5.406-16.692l1.903-.616zm-1.352-2.403l1.513-1.307zM39.857 34c1.324 0 2.582.576 3.447 1.578l3.028-2.615A8.56 8.56 0 0 0 39.858 30zm-3.447 1.578A4.56 4.56 0 0 1 39.858 34v-4a8.56 8.56 0 0 0-6.474 2.963zm-.12.138l.12-.138l-3.028-2.615l-.12.139zm-.964 1.712a5 5 0 0 1 .964-1.712l-3.027-2.614a9 9 0 0 0-1.742 3.094zM29.921 54.12l5.406-16.692l-3.805-1.232l-5.406 16.691zM28.38 52a1.62 1.62 0 0 1 1.541 2.12l-3.805-1.233A2.38 2.38 0 0 0 28.38 56zM35 52h-6.62v4H35zm2 14V54h-4v12zm0 0h-4a4 4 0 0 0 4 4zm6 0h-6v4h6zm0 0v4a4 4 0 0 0 4-4zm0-12v12h4V54zm8.336-2H45v4h6.336zm-1.541 2.12a1.62 1.62 0 0 1 1.54-2.12v4a2.38 2.38 0 0 0 2.264-3.113zm-5.406-16.692l5.405 16.692l3.806-1.233l-5.406-16.691zm-.964-1.712c.432.5.76 1.083.964 1.712l3.805-1.232a9 9 0 0 0-1.742-3.094zm-.12-.138l.12.138l3.027-2.614l-.12-.139z"/><path fill="#f2994a" stroke="#f2994a" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M36.873 26.494a7.208 7.208 0 1 0 6.254-12.988a7.208 7.208 0 0 0-6.254 12.988"/></g></svg>
Female アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:female" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:female" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:female" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--female]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:female"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:female"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs-poly/female.svg" alt="Female アイコン" width="24" height="24">
Female アイコン のよくある質問
Female アイコンは商用利用でも無料ですか?
はい。Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Female アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs-poly:female" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Female アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs-poly/female.svg" alt="Female アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Glyphs Poly アイコン をすべて見る →
ICONYZ
