Nests icon
icon-park:nests
The Nests icon (icon-park:nests) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 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
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Health
- Tags
- nest
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="4"><path stroke-linecap="round" d="M4.99902 32.3137L20.0339 5.94293C20.958 3.98114 22.6267 3.00024 25.0402 3.00024C28.6603 3.00024 31.0172 7.9865 31.0172 7.9865C31.0172 7.9865 32.3445 8.18426 34.999 8.57977C30.9888 8.64538 28.6699 9.45221 28.0424 11.0002C27.1012 13.3223 30.4983 15.7311 31.0172 19.0041C31.5361 22.2771 29.4663 27.8053 24.4882 30.5672C21.1694 32.4085 17.0262 32.8862 12.0583 32.0002L5.95844 43.0002"/><path fill="#2F88FF" fill-rule="evenodd" d="M14.9424 26.9782C17.5213 22.3287 19.2169 19.3432 20.0293 18.0218C21.2478 16.0397 26.2745 16.6373 24.4685 21.5845C23.2645 24.8827 20.0891 26.6806 14.9424 26.9782Z" clip-rule="evenodd"/><path fill="#2F88FF" fill-rule="evenodd" d="M32.9678 32.9838C34.1099 30.2473 35.7775 28.589 37.9706 28.009C40.1637 27.4289 42.1638 27.782 43.971 29.0684C42.8455 31.6643 41.1772 33.3286 38.9661 34.0611C36.7549 34.7936 34.7555 34.4345 32.9678 32.9838Z" clip-rule="evenodd"/><path fill="#2F88FF" fill-rule="evenodd" d="M26.9854 35.1143C27.7422 37.8361 29.7468 39.6565 32.9993 40.5753C36.2518 41.4942 38.9296 40.9692 41.0325 39.0005C38.4317 35.97 36.088 34.3065 34.0015 34.0101C31.915 33.7136 29.5763 34.0817 26.9854 35.1143Z" clip-rule="evenodd"/></g></svg>How to use the Nests icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:nests" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:nests" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:nests" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--nests]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:nests"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:nests"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/nests.svg" alt="Nests icon" width="24" height="24">Nests icon in other icon sets
Nests icon FAQ
Is the Nests icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Nests icon in React?
Install @iconify/react and render <Icon icon="icon-park:nests" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Nests icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/nests.svg" alt="Nests icon">, or paste the SVG code inline to style it with CSS.