ICONYZ
English
Pregnant Outline icon from Health Icons

Pregnant Outline icon

healthicons:pregnant-outline

The Pregnant Outline icon (healthicons:pregnant-outline) is a free SVG icon from the Health Icons set by Resolve to Save Lives. It is drawn on a 48 × 48 grid. Health 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
Health Icons
Author
Resolve to Save Lives
License
MIT
Size
48 × 48
Category
People
Tags
pregnantoutline, pregnant2x outline
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M24.574 11a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5m0 2a4.5 4.5 0 1 0 0-9a4.5 4.5 0 0 0 0 9m-4.42 2.307c.273-.12.779-.307 1.42-.307h2c.571 0 1.027.164 1.15.209l.009.002c.2.072.385.156.538.23c.313.153.654.347 1.004.568a20 20 0 0 1 2.468 1.864c1.778 1.564 3.884 3.932 5.116 7.013c.784 1.958.728 3.847 0 5.492c-.682 1.538-1.836 2.603-2.818 3.297c-3.05 2.154-3.193 3.554-3.969 7.434A3 3 0 0 1 21.074 41c0-5.133-.002-8.187-.234-11.075a3 3 0 0 1-4.136-.586a46 46 0 0 1-1.516-2.17a27 27 0 0 1-.88-1.412a9 9 0 0 1-.377-.729c-.057-.127-.13-.3-.192-.499a3.4 3.4 0 0 1-.165-1.029c0-.716.26-1.272.318-1.393v-.003l.003-.004c.094-.206.2-.39.284-.53c.173-.286.387-.599.606-.9a34 34 0 0 1 1.636-2.06c.6-.7 1.279-1.437 1.914-2.024c.311-.288.678-.6 1.065-.86c.194-.131.45-.287.754-.42M21.574 17c-.735 0-1.375.586-1.882 1.055c-.555.513-1.177 1.186-1.752 1.857a32 32 0 0 0-1.535 1.93c-.252.348-.514.704-.694 1.095a1.35 1.35 0 0 0-.137.563c0 .457.254.883.472 1.267c.223.391.516.854.811 1.3a45 45 0 0 0 1.427 2.046a1 1 0 0 0 1.58-1.226a44 44 0 0 1-1.88-2.77l-.346-.569l.391-.539a30 30 0 0 1 1.797-2.217l1.338-1.504l.39 1.974c1.512 7.646 1.52 10.161 1.52 19.738a1 1 0 0 0 1 1c.621 0 1-.521 1-1.099c.816-4.08 1.295-6.375 4.813-8.86c.815-.575 1.66-1.385 2.143-2.474c.498-1.124.567-2.452-.028-3.938c-1.077-2.694-2.946-4.817-4.58-6.255a18 18 0 0 0-2.213-1.673c-.365-.23-.745-.46-1.152-.607a1.4 1.4 0 0 0-.483-.094z" clip-rule="evenodd"/></svg>

How to use the Pregnant Outline icon

React

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

<Icon icon="healthicons:pregnant-outline" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:pregnant-outline" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:pregnant-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--pregnant-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:pregnant-outline"></div>

Web component

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

<iconify-icon icon="healthicons:pregnant-outline"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/healthicons/pregnant-outline.svg" alt="Pregnant Outline icon" width="24" height="24">

Related icons in Health Icons

Pregnant Outline icon FAQ

Is the Pregnant Outline icon free for commercial use?

Yes. Health Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Pregnant Outline icon in React?

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

How do I add the Pregnant Outline icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/healthicons/pregnant-outline.svg" alt="Pregnant Outline icon">, or paste the SVG code inline to style it with CSS.

Browse all Health Icons →