Gender アイコン
icons8:gender
Gender アイコン(icons8:gender)は、Icons8 Windows 10 Icons セットの無料 SVG アイコンです（作者: Icons8）。 32 × 32 のグリッドで描かれています。 Icons8 Windows 10 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Icons8 Windows 10 Icons
- 作者
- Icons8
- ライセンス
- MIT
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M22 3v2h3.563l-3.375 3.406A6.96 6.96 0 0 0 18 7c-1.87 0-3.616.74-4.938 2.063a6.94 6.94 0 0 0 .001 9.875c.87.87 1.906 1.495 3.062 1.812c.114-.087.242-.178.344-.28a3.45 3.45 0 0 0 .874-1.532a4.9 4.9 0 0 1-2.875-1.407C13.524 16.588 13 15.336 13 14s.525-2.586 1.47-3.53C15.412 9.523 16.664 9 18 9s2.587.525 3.53 1.47A4.96 4.96 0 0 1 23 14c0 .865-.245 1.67-.656 2.406c.096.516.156 1.058.156 1.594q0 .749-.125 1.47c.2-.163.378-.348.563-.532C24.26 17.614 25 15.87 25 14c0-1.53-.504-2.984-1.406-4.188L27 6.438V10h2V3zm-6.125 8.25c-.114.087-.242.178-.344.28c-.432.434-.714.96-.874 1.533c1.09.14 2.085.616 2.875 1.406c.945.943 1.47 2.195 1.47 3.53s-.525 2.586-1.47 3.53C16.588 22.477 15.336 23 14 23s-2.587-.525-3.53-1.47A4.95 4.95 0 0 1 9 18c0-.865.245-1.67.656-2.406A9 9 0 0 1 9.5 14q0-.748.125-1.47c-.2.163-.377.348-.563.533C7.742 14.384 7 16.13 7 18c0 1.53.504 2.984 1.406 4.188L6.72 23.875l-2-2l-1.44 1.406l2 2l-2 2l1.44 1.44l2-2l2 2l1.405-1.44l-2-2l1.688-1.686A6.93 6.93 0 0 0 14 25c1.87 0 3.616-.74 4.938-2.063C20.26 21.616 21 19.87 21 18s-.74-3.614-2.063-4.938c-.87-.87-1.906-1.495-3.062-1.812"/></svg>Gender アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="icons8:gender" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icons8:gender" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icons8:gender" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icons8--gender]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icons8 -->
<div class="i-icons8:gender"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icons8:gender"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/icons8/gender.svg" alt="Gender アイコン" width="24" height="24">Icons8 Windows 10 Icons の関連アイコン
他のアイコンセットの Gender アイコン
Gender アイコン のよくある質問
Gender アイコンは商用利用でも無料ですか?
はい。Icons8 Windows 10 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Gender アイコンを使うには?
@iconify/react をインストールして <Icon icon="icons8:gender" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Gender アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/icons8/gender.svg" alt="Gender アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。