Cat Line icon
mingcute:cat-line
The Cat Line icon (mingcute:cat-line) is a free SVG icon from the MingCute Icon set by MingCute Design. It is drawn on a 24 × 24 grid. MingCute Icon 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
- MingCute Icon
- Author
- MingCute Design
- License
- Apache-2.0
- Size
- 24 × 24
- Tags
- catline
SVG code
<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>How to use the Cat Line icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/mingcute/cat-line.svg" alt="Cat Line icon" width="24" height="24">Related icons in MingCute Icon
Cat Line icon FAQ
Is the Cat Line icon free for commercial use?
Yes. MingCute Icon icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Cat Line icon in React?
Install @iconify/react and render <Icon icon="mingcute:cat-line" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cat Line icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/mingcute/cat-line.svg" alt="Cat Line icon">, or paste the SVG code inline to style it with CSS.