Male Female icon
vs:male-female
The Male Female icon (vs:male-female) is a free SVG icon from the Vesper Icons set by TableCheck. It is drawn on a 2656 × 2080 grid. Vesper Icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Vesper Icons
- Author
- TableCheck
- License
- OFL-1.1
- Size
- 2656 × 2080
- Tags
- malefemale
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2656" height="2080" viewBox="0 0 2656 2080"><path fill="currentColor" d="M2291 261q0 109-75.5 185T2031 522t-186-76t-77-185t77-185t186-76t184.5 76t75.5 185m-1285 0q0 109-76 185t-185 76q-108 0-184.5-76.5T484 261t76.5-184.5T745 0q109 0 185 76t76 185m168 423l184 277l157-277q56-125 121-125h766q92 0 157.5 65.5T2625 782v484q0 46-33 79.5t-79 33.5t-78.5-33t-32.5-80V858h-73v1062q0 54-39 92t-93 38q-53 0-91-38t-38-92v-541h-75v541q0 54-39 92t-93 38q-53 0-91-38t-38-92V858h-45l-203 371q-16 34-43.5 54.5T1378 1304q-59 0-93-49l-263-397h-53v153l254 424l33 55q10 17 10 37q0 32-21 54t-52 22H969v317q0 54-38.5 92t-91.5 38H652q-53 0-91.5-38t-38.5-92v-317H299q-31 0-53.5-22.5T223 1527q0-17 10-37l289-479V858h-53l-265 397q-31 49-92 49q-46 0-79-32.5T0 1193q0-34 19-61l298-448q37-56 90.5-90.5T522 559h447q61 0 114.5 34.5T1174 684"/></svg>How to use the Male Female icon
React
import { Icon } from "@iconify/react";
<Icon icon="vs:male-female" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:male-female" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:male-female" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--male-female]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:male-female"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:male-female"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/vs/male-female.svg" alt="Male Female icon" width="24" height="24">Male Female icon in other icon sets
Male Female icon FAQ
Is the Male Female icon free for commercial use?
Yes. Vesper Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Male Female icon in React?
Install @iconify/react and render <Icon icon="vs:male-female" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Male Female icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vs/male-female.svg" alt="Male Female icon">, or paste the SVG code inline to style it with CSS.