Иконка Nests
icon-park-solid:nests
Иконка Nests (icon-park-solid:nests) — бесплатная SVG-иконка из набора IconPark Solid от ByteDance. Она нарисована на сетке 48 × 48. IconPark Solid icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- IconPark Solid
- Автор
- ByteDance
- Лицензия
- Apache-2.0
- Размер
- 48 × 48
- Категория
- Здоровье
- Теги
- nest
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="4"><path stroke-linecap="round" d="M4.999 32.314L20.034 5.943Q21.42 3 25.04 3c3.62 0 5.977 4.987 5.977 4.987L35 8.58q-6.016.098-6.957 2.42c-.94 2.322 2.456 4.731 2.975 8.004s-1.55 8.801-6.529 11.563Q19.51 33.33 12.058 32l-6.1 11"/><path fill="currentColor" fill-rule="evenodd" d="M14.942 26.978q3.87-6.975 5.087-8.956c1.219-1.982 6.246-1.385 4.44 3.563q-1.806 4.947-9.527 5.393Zm18.026 6.006q1.713-4.105 5.003-4.975t6 1.06q-1.688 3.893-5.005 4.992q-3.316 1.099-5.998-1.077Z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M26.985 35.114q1.136 4.084 6.014 5.461q4.879 1.38 8.033-1.575q-3.9-4.545-7.03-4.99q-3.13-.444-7.017 1.104Z" clip-rule="evenodd"/></g></svg>Как использовать иконку Nests
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-solid:nests" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-solid:nests" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-solid:nests" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-solid--nests]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-solid -->
<div class="i-icon-park-solid:nests"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park-solid:nests"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/icon-park-solid/nests.svg" alt="Иконка Nests" width="24" height="24">Иконка Nests в других наборах
Вопросы и ответы: Иконка Nests
Можно ли бесплатно использовать иконку Nests в коммерческих проектах?
Да. IconPark Solid icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Nests в React?
Установите @iconify/react и выведите <Icon icon="icon-park-solid:nests" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Nests на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/icon-park-solid/nests.svg" alt="Иконка Nests">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.