Ikon Hare
catppuccin:hare
Ikon Hare (catppuccin:hare) adalah ikon SVG gratis dari set Catppuccin Icons karya Catppuccin. Ikon ini digambar pada grid 24 × 24. Catppuccin Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Catppuccin Icons
- Pembuat
- Catppuccin
- Lisensi
- MIT
- Ukuran
- 24 × 24
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="#cad3f5" stroke-linecap="round" stroke-linejoin="round" d="M6.791 13.156L9.05 15.09s2.259 1.26 3.887-.934c1.63-2.193-.586-4.235-.586-4.235s-.977-3.886-4.56-3.844c-3.638.044-4.17 3.91-4.17 3.91s-2.033 1.726-.652 3.974c1.488 2.421 3.757 1.15 3.757 1.15l2.335-1.954"/><path fill="none" stroke="#cad3f5" stroke-linecap="round" stroke-linejoin="round" d="M4.142 8.422S.862 1.32 3.317.604c2.454-.717 3.3 5.45 3.3 5.45m5.127 2.368s3.279-7.102.825-7.818c-2.454-.717-3.301 5.45-3.301 5.45"/><circle cx="6.035" cy="10.776" r=".5" fill="none" stroke="#cad3f5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="9.874" cy="10.776" r=".5" fill="none" stroke="#cad3f5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="#cad3f5" stroke-linecap="round" stroke-linejoin="round" d="M11.526 12.374H15.5M11.572 13.7l3.839 1.029M4.474 12.374H.5M4.428 13.7L.59 14.728"/></svg>Cara memakai ikon Hare
React
import { Icon } from "@iconify/react";
<Icon icon="catppuccin:hare" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="catppuccin:hare" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="catppuccin:hare" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[catppuccin--hare]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/catppuccin -->
<div class="i-catppuccin:hare"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="catppuccin:hare"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/catppuccin/hare.svg" alt="Ikon Hare" width="24" height="24">Ikon Hare di set ikon lain
FAQ Ikon Hare
Apakah ikon Hare gratis untuk penggunaan komersial?
Ya. Catppuccin Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Hare di React?
Pasang @iconify/react lalu render <Icon icon="catppuccin:hare" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Hare ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/catppuccin/hare.svg" alt="Ikon Hare">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.