Ikon Male Female

ion:male-female

Ikon Male Female (ion:male-female) adalah ikon SVG gratis dari set IonIcons karya Ben Sperry. Ikon ini digambar pada grid 512 × 512. IonIcons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: IonIcons
Pembuat: Ben Sperry
Lisensi: MIT
Ukuran: 512 × 512
Tag: malefemale

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M426 16h-74a22 22 0 0 0 0 44h20.89l-37.1 37.09A157.68 157.68 0 0 0 216 42c-87.12 0-158 70.88-158 158c0 79.66 59.26 145.72 136 156.46V394h-28a22 22 0 0 0 0 44h28v36a22 22 0 0 0 44 0v-36h28a22 22 0 0 0 0-44h-28v-37.54c76.74-10.74 136-76.8 136-156.46a157.15 157.15 0 0 0-14-64.92l44-44V112a22 22 0 0 0 44 0V38a22 22 0 0 0-22-22M216 314a114 114 0 1 1 114-114a114.13 114.13 0 0 1-114 114"/></svg>

Cara memakai ikon Male Female

React

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

<Icon icon="ion:male-female" width="24" />

Vue

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

<template>
  <Icon icon="ion:male-female" width="24" />
</template>

Svelte

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

<Icon icon="ion:male-female" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ion--male-female]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ion -->
<div class="i-ion:male-female"></div>

Web component

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

<iconify-icon icon="ion:male-female"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/ion/male-female.svg" alt="Ikon Male Female" width="24" height="24">

Ikon terkait di IonIcons

Ikon Male Female di set ikon lain

FAQ Ikon Male Female

Apakah ikon Male Female gratis untuk penggunaan komersial?

Ya. IonIcons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Male Female di React?

Pasang @iconify/react lalu render <Icon icon="ion:male-female" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Male Female ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ion/male-female.svg" alt="Ikon Male Female">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua IonIcons →