Ícone Baby Buddy
thesvg-color:baby-buddy
O ícone Baby Buddy (thesvg-color:baby-buddy) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 335 × 305. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 335 × 305
- Tags
- babybuddy
Código 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>Como usar o ícone 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>Web component
<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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/baby-buddy.svg" alt="Ícone Baby Buddy" width="24" height="24">Ícones relacionados em theSVG Color
O ícone Baby Buddy em outras coleções
Perguntas frequentes sobre Ícone Baby Buddy
O ícone Baby Buddy é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Baby Buddy no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:baby-buddy" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Baby Buddy a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/baby-buddy.svg" alt="Ícone Baby Buddy">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.