Pregnant icon
vs:pregnant
The Pregnant icon (vs:pregnant) is a free SVG icon from the Vesper Icons set by TableCheck. It is drawn on a 1184 × 2048 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
- 1184 × 2048
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1184" height="2048" viewBox="0 0 1184 2048"><path fill="currentColor" d="M862 261q0 108-76.5 184T602 521q-108 0-184.5-76T341 261q0-107 76.5-184T602 0q107 0 183.5 77T862 261M676 558q19 0 33.5 2.5t27 11t20 14t17 21.5t14 24t15 31t15.5 33l28 61q11 23 48.5 51t80.5 58t85.5 68.5t70.5 96.5t28 128q0 83-32 154t-82 109v104q0 40-13.5 57t-59.5 17H824v318q0 55-36 93t-90 38H506q-53 0-91-38.5t-38-92.5v-318h-59q-30 0-52-22t-22-52q0-8 4.5-21t5.5-17l123-478V855h-52l-99 397q-6 25-34 37.5t-59 12.5q-46 0-79.5-33T20 1190q0-10 3-20.5t8.5-22.5t7.5-18l135-448q17-56 76.5-89.5T377 558zm31 472q-48 0-75 35t-27 88q4 43 41 80l165 166l163-166q38-38 42-80q0-53-28-88t-76-35t-73.5 26t-27.5 69q-2-43-28.5-69t-75.5-26"/></svg>How to use the Pregnant icon
React
import { Icon } from "@iconify/react";
<Icon icon="vs:pregnant" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:pregnant" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:pregnant" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--pregnant]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:pregnant"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:pregnant"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/vs/pregnant.svg" alt="Pregnant icon" width="24" height="24">Pregnant icon in other icon sets
Pregnant icon FAQ
Is the Pregnant 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 Pregnant icon in React?
Install @iconify/react and render <Icon icon="vs:pregnant" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Pregnant icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vs/pregnant.svg" alt="Pregnant icon">, or paste the SVG code inline to style it with CSS.