Ikon Onesies
icon-park:onesies
Ikon Onesies (icon-park:onesies) adalah ikon SVG gratis dari set IconPark karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- IconPark
- Pembuat
- ByteDance
- Lisensi
- Apache-2.0
- Ukuran
- 48 × 48
- Kategori
- Bayi
- Tag
- onesy
Kode SVG
<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>Cara memakai ikon Onesies
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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/onesies.svg" alt="Ikon Onesies" width="24" height="24">Ikon Onesies di set ikon lain
FAQ Ikon Onesies
Apakah ikon Onesies gratis untuk penggunaan komersial?
Ya. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Onesies di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:onesies" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Onesies ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/onesies.svg" alt="Ikon Onesies">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.