ICONYZ
English
Female icon from Font Awesome 4

Female icon

fa:female

The Female icon (fa:female) is a free SVG icon from the Font Awesome 4 set by Dave Gandy. It is drawn on a 1280 × 1760 grid. Font Awesome 4 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
Font Awesome 4
Author
Dave Gandy
License
OFL-1.1
Size
1280 × 1760
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="1760" viewBox="0 0 1280 1760"><path fill="currentColor" d="M1280 1024q0 40-28 68t-68 28q-51 0-80-43L877 736h-45v132l247 411q9 15 9 33q0 26-19 45t-45 19H832v272q0 46-33 79t-79 33H560q-46 0-79-33t-33-79v-272H256q-26 0-45-19t-19-45q0-18 9-33l247-411V736h-45l-227 341q-29 43-80 43q-40 0-68-28t-28-68q0-29 16-53l256-384q73-107 176-107h384q103 0 176 107l256 384q16 24 16 53M864 224q0 93-65.5 158.5T640 448t-158.5-65.5T416 224t65.5-158.5T640 0t158.5 65.5T864 224"/></svg>

How to use the Female icon

React

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

<Icon icon="fa:female" width="24" />

Vue

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

<template>
  <Icon icon="fa:female" width="24" />
</template>

Svelte

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

<Icon icon="fa:female" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="fa:female"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fa/female.svg" alt="Female icon" width="24" height="24">

Female icon in other icon sets

Female icon FAQ

Is the Female icon free for commercial use?

Yes. Font Awesome 4 icons are released under the Open Font License, which allows use in personal and commercial projects.

How do I use the Female icon in React?

Install @iconify/react and render <Icon icon="fa:female" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Female icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fa/female.svg" alt="Female icon">, or paste the SVG code inline to style it with CSS.

Browse all Font Awesome 4 icons →