Baby Buddy icon
thesvg-color:baby-buddy
The Baby Buddy icon (thesvg-color:baby-buddy) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 335 × 305 grid. theSVG Color 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 335 × 305
- Tags
- babybuddy
SVG code
<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>How to use the Baby Buddy icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/baby-buddy.svg" alt="Baby Buddy icon" width="24" height="24">Related icons in theSVG Color
Baby Buddy icon in other icon sets
Baby Buddy icon FAQ
Is the Baby Buddy icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Baby Buddy icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:baby-buddy" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Baby Buddy icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/baby-buddy.svg" alt="Baby Buddy icon">, or paste the SVG code inline to style it with CSS.