Ikon Teddybear
whh:teddybear
Ikon Teddybear (whh:teddybear) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 1024 × 897. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- WebHostingHub Glyphs
- Pembuat
- WebHostingHub
- Lisensi
- OFL-1.1
- Ukuran
- 1024 × 897
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="897" viewBox="0 0 1024 897"><path fill="currentColor" d="M987 283q-25 25-63 33q36 79 36 165q0 113-60 209T737 841.5T512 897t-225-55.5T124 690T64 481q0-86 36-165q-38-8-63-33q-42-42-36-108T57.5 58T174 1t109 37q27 27 34 68q93-41 195-41t195 41q8-41 34-68Q784-5 850 1t116.5 57t56.5 117t-36 108M233 87q-25-26-64.5-22t-70 34.5t-34 70T86 234q19 20 49 22q48-69 120-116q-1-33-22-53m86.5 234q-26.5 0-45 18.5t-18.5 45t18.5 45.5t45 19t45.5-19t19-45.5t-19-45t-45.5-18.5m385 0q-26.5 0-45.5 18.5t-19 45t19 45.5t45.5 19t45-19t18.5-45.5t-18.5-45t-45-18.5M512 513q-106 0-181 47t-75 113t75 113t181 47t181-47t75-113t-75-113t-181-47M925.5 99.5q-30.5-30.5-70-34T791 87q-21 21-22 53q72 47 120 116q30-2 49-22q25-25 21.5-64.5t-34-70M512 705q-32 0-80-21t-48-43q0-48 16-56t112-8t112 8t16 56q0 23-48 43.5T512 705"/></svg>Cara memakai ikon Teddybear
React
import { Icon } from "@iconify/react";
<Icon icon="whh:teddybear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:teddybear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:teddybear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--teddybear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:teddybear"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:teddybear"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/teddybear.svg" alt="Ikon Teddybear" width="24" height="24">FAQ Ikon Teddybear
Apakah ikon Teddybear gratis untuk penggunaan komersial?
Ya. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Teddybear di React?
Pasang @iconify/react lalu render <Icon icon="whh:teddybear" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Teddybear ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/teddybear.svg" alt="Ikon Teddybear">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.