Иконка Baby Buddy
thesvg-color:baby-buddy
Иконка Baby Buddy (thesvg-color:baby-buddy) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 335 × 305. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 335 × 305
- Теги
- babybuddy
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="335" height="305" viewBox="0 0 335 305"><g fill="#37abe9"><path d="M334.775 166.887c0 15.938-12.92 28.863-28.859 28.863a29 29 0 0 1-2.986-.153c-13.221 62.728-68.879 109.819-135.541 109.819s-122.32-47.09-135.543-109.82c-.981.1-1.977.154-2.986.154C12.923 195.75 0 182.825 0 166.887s12.922-28.863 28.86-28.863q1.513 0 2.986.153c5.636-26.732 18.972-50.626 37.59-69.242A139 139 0 0 1 97.471 47.27c10.807-6.372 22.395-10.797 34.227-13.777c1.184-.298 2.445-.105 4.441 2.92c8.367 12.04 24.289 21.326 39.546 15.355c13.93-5.968 21.227-23.217 11.276-35.822c-7.296-8.622-20.562-10.613-28.523-1.99c-2.654 2.654-3.318 6.633-3.318 9.952c0 2.652 2.655 8.622 5.309 5.308c1.326-1.992 2.653-5.308 5.971-5.308c5.97 0 9.286 7.294 5.97 11.938c-5.308 7.962-16.585 5.309-21.893-1.324c-5.306-7.963-4.644-17.25 1.327-24.547c7.961-9.95 21.891-12.604 33.168-7.295c10.614 5.97 18.574 15.92 21.299 27.854c.535 1.996 1.073 2.908 1.589 3.83c47.811 14.583 84.647 54.333 95.077 103.813q1.47-.151 2.98-.153c15.94 0 28.86 12.926 28.858 28.863m-117.28-79.344c-12.84 0-23.249 14.326-23.249 31.998s10.409 31.998 23.249 31.998s23.249-14.326 23.249-31.998s-10.409-31.998-23.249-31.998m-32.007 79.639c-.948-6.347-5.07-11.646-10.712-14.235l-3.097-72.083h-9.387l-3.096 72.083a18.8 18.8 0 0 0-5.639 3.976l-14.695-4.723l-5.238 19.085l15.283 3.499a18.76 18.76 0 0 0 8.859 11.467l-.675 15.708h19.79l-.674-15.71a18.8 18.8 0 0 0 4.961-4.08l71.66 16.405l2.039-9.098Zm-68.204-79.64c-12.84 0-23.249 14.327-23.249 31.999s10.409 31.998 23.249 31.998s23.249-14.326 23.249-31.998s-10.409-31.998-23.249-31.998m50.106 166.724c20.879 0 37.807-16.18 37.807-36.142h-75.613c-.001 19.962 16.925 36.142 37.806 36.142"/><path d="M119.034 110.002c0 6.369-3.755 11.536-8.383 11.536c-4.631 0-8.383-5.167-8.383-11.536c0-6.375 3.752-11.54 8.383-11.54c4.629 0 8.383 5.165 8.383 11.54m100.211 0c0 6.369-3.755 11.536-8.383 11.536c-4.631 0-8.383-5.167-8.383-11.536c0-6.375 3.752-11.54 8.383-11.54c4.629 0 8.383 5.165 8.383 11.54"/></g></svg>Как использовать иконку Baby Buddy
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:baby-buddy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:baby-buddy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:baby-buddy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--baby-buddy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:baby-buddy"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:baby-buddy"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/baby-buddy.svg" alt="Иконка Baby Buddy" width="24" height="24">Похожие иконки в наборе theSVG Color
Иконка Baby Buddy в других наборах
Вопросы и ответы: Иконка Baby Buddy
Можно ли бесплатно использовать иконку Baby Buddy в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Baby Buddy в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:baby-buddy" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Baby Buddy на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/baby-buddy.svg" alt="Иконка Baby Buddy">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.