Line Style icon
cil:line-style
The Line Style icon (cil:line-style) is a free SVG icon from the CoreUI Free set by creativeLabs Łukasz Holeczek. It is drawn on a 512 × 512 grid. CoreUI Free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- CoreUI Free
- Author
- creativeLabs Łukasz Holeczek
- License
- CC-BY-4.0
- Size
- 512 × 512
- Tags
- linestyle
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M16 120h480V16H16Zm32-72h416v40H48Zm192 96H16v96h224Zm-32 64H48v-32h160Zm64 32h224v-96H272Zm32-64h160v32H304Zm-152 96H16v88h136Zm-32 56H48v-24h72Zm72 32h128v-88H192Zm32-56h64v24h-64Zm136 56h136v-88H360Zm32-56h72v24h-72ZM121.442 443.278A52.721 52.721 0 1 0 68.722 496a52.78 52.78 0 0 0 52.72-52.722m-73.442 0A20.721 20.721 0 1 1 68.722 464A20.745 20.745 0 0 1 48 443.278m92.853 0a52.721 52.721 0 1 0 52.721-52.72a52.78 52.78 0 0 0-52.721 52.72m73.442 0a20.721 20.721 0 1 1-20.721-20.72a20.745 20.745 0 0 1 20.726 20.72Zm51.41 0a52.721 52.721 0 1 0 52.721-52.72a52.78 52.78 0 0 0-52.721 52.72m73.442 0a20.721 20.721 0 1 1-20.721-20.72a20.745 20.745 0 0 1 20.721 20.72m104.131-52.72A52.721 52.721 0 1 0 496 443.278a52.78 52.78 0 0 0-52.722-52.72m0 73.442A20.721 20.721 0 1 1 464 443.278A20.745 20.745 0 0 1 443.278 464"/></svg>
How to use the Line Style icon
React
import { Icon } from "@iconify/react";
<Icon icon="cil:line-style" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:line-style" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:line-style" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--line-style]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:line-style"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:line-style"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/cil/line-style.svg" alt="Line Style icon" width="24" height="24">
Related icons in CoreUI Free
Line Style icon in other icon sets
Line Style icon FAQ
Is the Line Style icon free for commercial use?
Yes. CoreUI Free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Line Style icon in React?
Install @iconify/react and render <Icon icon="cil:line-style" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Line Style icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cil/line-style.svg" alt="Line Style icon">, or paste the SVG code inline to style it with CSS.
Browse all CoreUI Free icons →
ICONYZ
