Ikon Cat Line
mingcute:cat-line
Ikon Cat Line (mingcute:cat-line) adalah ikon SVG gratis dari set MingCute Icon karya MingCute Design. Ikon ini digambar pada grid 24 × 24. MingCute Icon 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
- MingCute Icon
- Pembuat
- MingCute Design
- Lisensi
- Apache-2.0
- Ukuran
- 24 × 24
- Tag
- catline
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10 11.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m5 0a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/><path fill="currentColor" d="m6 4l.707-.707a1 1 0 0 0-1.69.523zm12 0l.983-.184a1 1 0 0 0-1.69-.523zM3 13a1 1 0 1 0 0 2zm4 2a1 1 0 1 0 0-2zm14 0a1 1 0 1 0 0-2zm-4-2a1 1 0 1 0 0 2zM3.375 17.22a1 1 0 0 0 1.25 1.56L4 18zm3.75-.44a1 1 0 0 0-1.25-1.56L6.5 16zm12.25 2a1 1 0 1 0 1.25-1.56L20 18zm-1.25-3.56a1 1 0 1 0-1.25 1.56L17.5 16zm-6.678-.614a1 1 0 1 0-.894 1.788L11 15.5zm2 1.788a1 1 0 1 0-.894-1.788L13 15.5zm-1.894-.618l-.447.895zm4.033-9.362l.707.707zM18 4l-.983.184l1.342 7.154l.982-.184l.983-.184l-1.341-7.154zM4.659 11.154l.982.184l1.342-7.154L6 4l-.983-.184l-1.341 7.154zm10.927-4.74l.707.707l2.414-2.414L18 4l-.707-.707l-2.414 2.414zM6 4l-.707.707l2.414 2.414l.707-.707l.707-.707l-2.414-2.414zm3.828 3v1h4.344V6H9.828zM3 14v1h4v-2H3zm18 0v-1h-4v2h4zM4 18l.625.78l2.5-2L6.5 16l-.625-.78l-2.5 2zm16 0l.625-.78l-2.5-2l-.625.78l-.625.78l2.5 2zm-9-2.5l-.447.894l.553.277l.447-.895l.447-.894l-.553-.276zm1.447.276l.447.895l.553-.277L13 15.5l-.447-.894l-.553.276zM10 11.5H9a.5.5 0 0 1 .5-.5v2a1.5 1.5 0 0 0 1.5-1.5zm-.5.5v-1a.5.5 0 0 1 .5.5H8A1.5 1.5 0 0 0 9.5 13zm-.5-.5h1a.5.5 0 0 1-.5.5v-2A1.5 1.5 0 0 0 8 11.5zm.5-.5v1a.5.5 0 0 1-.5-.5h2A1.5 1.5 0 0 0 9.5 10zm5.5.5h-1a.5.5 0 0 1 .5-.5v2a1.5 1.5 0 0 0 1.5-1.5zm-.5.5v-1a.5.5 0 0 1 .5.5h-2a1.5 1.5 0 0 0 1.5 1.5zm-.5-.5h1a.5.5 0 0 1-.5.5v-2a1.5 1.5 0 0 0-1.5 1.5zm.5-.5v1a.5.5 0 0 1-.5-.5h2a1.5 1.5 0 0 0-1.5-1.5zm-2.947 4.776l-.447.895a2 2 0 0 0 1.788 0l-.447-.895l-.447-.894zM8.414 6.414l-.707.707A3 3 0 0 0 9.828 8V6a1 1 0 0 1-.707-.293zm7.172 0l-.707-.707a1 1 0 0 1-.707.293v2a3 3 0 0 0 2.12-.879zM12 20v-1c-4.05 0-7.105-3.68-6.359-7.662l-.982-.184l-.983-.184C2.698 16.182 6.697 21 12 21zm7.341-8.846l-.983.184C19.106 15.32 16.052 19 12 19v2c5.303 0 9.302-4.818 8.324-10.03z"/></svg>Cara memakai ikon Cat Line
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:cat-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:cat-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:cat-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--cat-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:cat-line"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:cat-line"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/mingcute/cat-line.svg" alt="Ikon Cat Line" width="24" height="24">Ikon terkait di MingCute Icon
FAQ Ikon Cat Line
Apakah ikon Cat Line gratis untuk penggunaan komersial?
Ya. MingCute Icon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Cat Line di React?
Pasang @iconify/react lalu render <Icon icon="mingcute:cat-line" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Cat Line ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/mingcute/cat-line.svg" alt="Ikon Cat Line">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.