Onesies icon
icon-park:onesies
The Onesies icon (icon-park:onesies) 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
- Baby
- Tags
- onesy
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M7 21L4 11C5.83333 9.66667 13 5 24 5C35 5 42 9.66667 44 11L41 21H34V37C34 41 31 44 27 44H21C17 44 14 41 14 37V21H7Z"/><path stroke="#fff" d="M34 34C34 34 25 34 25 44"/><path stroke="#fff" d="M14 34C14 34 23 34 23 44"/><path stroke="#fff" d="M29.811 5.5C29.9344 5.97943 30 6.48205 30 7C30 10.3137 27.3137 13 24 13C20.6863 13 18 10.3137 18 7C18 6.48205 18.0656 5.97943 18.189 5.5"/><path stroke="#000" d="M35.9997 6.98996C32.8112 5.88268 28.7837 5 23.9997 5C19.2157 5 15.1568 5.88268 11.9463 6.98996"/><path stroke="#000" d="M14 31C14 31 14 35.875 14 37"/><path stroke="#000" d="M34 31C34 31 34 35.875 34 37"/><path stroke="#000" d="M21 44C25 44 24 44 27 44"/></g></svg>How to use the Onesies icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:onesies" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:onesies" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:onesies" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--onesies]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:onesies"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:onesies"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/onesies.svg" alt="Onesies icon" width="24" height="24">Onesies icon in other icon sets
Onesies icon FAQ
Is the Onesies 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 Onesies icon in React?
Install @iconify/react and render <Icon icon="icon-park:onesies" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Onesies icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/onesies.svg" alt="Onesies icon">, or paste the SVG code inline to style it with CSS.