Girl icon
flat-ui:girl
The Girl icon (flat-ui:girl) is a free SVG icon from the Flat UI Icons set by Designmodo, Inc.. It is drawn on a 100 × 100 grid. Flat UI Icons are released under the MIT 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
- Flat UI Icons
- Author
- Designmodo, Inc.
- License
- MIT
- Size
- 100 × 100
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="50" cy="50" r="50" fill="#FFF55B" opacity=".6"/><path fill="#D35400" fill-rule="evenodd" d="M50 11c-16.016 0-29 13.984-29 30v32a5 5 0 0 0 5 5h48a5 5 0 0 0 5-5V41c0-16.016-12.984-30-29-30" clip-rule="evenodd"/><circle cx="24" cy="47" r="7" fill="#D48A6D" fill-rule="evenodd" clip-rule="evenodd"/><circle cx="76" cy="47" r="7" fill="#D48A6D" fill-rule="evenodd" clip-rule="evenodd"/><path fill="#DF9274" fill-rule="evenodd" d="M50 17c14.359 0 26 11.641 26 26v15c0 14.359-11.641 26-26 26S24 72.359 24 58V43c0-14.359 11.641-26 26-26" clip-rule="evenodd"/><path fill="#D35400" fill-rule="evenodd" d="M50 10c-16.016 0-29 13.984-29 30c18.616 0 39-14 39-14s11.562 14 19 14c0-16.016-12.984-30-29-30" clip-rule="evenodd"/><path fill="#3498DB" d="M40 52.5c-2.481 0-4.5-2.019-4.5-4.5s2.019-4.5 4.5-4.5s4.5 2.019 4.5 4.5s-2.019 4.5-4.5 4.5"/><path fill="#fff" d="M40 45c1.654 0 3 1.346 3 3s-1.346 3-3 3s-3-1.346-3-3s1.346-3 3-3m0-3a6 6 0 0 0 0 12a6 6 0 0 0 0-12"/><path fill="#3498DB" d="M60 52.5c-2.481 0-4.5-2.019-4.5-4.5s2.019-4.5 4.5-4.5s4.5 2.019 4.5 4.5s-2.019 4.5-4.5 4.5"/><path fill="#fff" d="M60 45c1.654 0 3 1.346 3 3s-1.346 3-3 3s-3-1.346-3-3s1.346-3 3-3m0-3a6 6 0 0 0 0 12a6 6 0 0 0 0-12"/><path fill="#fff" stroke="#B87054" stroke-miterlimit="10" stroke-width="2" d="M59 65c0 5.523-4.029 10-9 10s-9-4.477-9-10z"/></svg>
How to use the Girl icon
React
import { Icon } from "@iconify/react";
<Icon icon="flat-ui:girl" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-ui:girl" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-ui:girl" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--girl]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:girl"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-ui:girl"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/flat-ui/girl.svg" alt="Girl icon" width="24" height="24">
Girl icon in other icon sets
Girl icon FAQ
Is the Girl icon free for commercial use?
Yes. Flat UI Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Girl icon in React?
Install @iconify/react and render <Icon icon="flat-ui:girl" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Girl icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/flat-ui/girl.svg" alt="Girl icon">, or paste the SVG code inline to style it with CSS.
Browse all Flat UI Icons →
ICONYZ
