Blur Linear icon
cil:blur-linear
The Blur Linear icon (cil:blur-linear) 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
- blurlinear
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M16 16h480v32H16zm0 448h480v32H16zm71.371-232.533A71.371 71.371 0 1 0 16 160.1a71.45 71.45 0 0 0 71.371 71.367m0-110.741A39.371 39.371 0 1 1 48 160.1a39.415 39.415 0 0 1 39.371-39.374m186.94 110.741A59.467 59.467 0 1 0 214.843 172a59.533 59.533 0 0 0 59.468 59.467m0-86.934A27.467 27.467 0 1 1 246.843 172a27.5 27.5 0 0 1 27.468-27.467m161.205 70.935a29.637 29.637 0 1 0-29.637-29.637a29.637 29.637 0 0 0 29.637 29.637M87.371 427.35A71.371 71.371 0 1 0 16 355.979a71.45 71.45 0 0 0 71.371 71.371m0-110.742A39.371 39.371 0 1 1 48 355.979a39.415 39.415 0 0 1 39.371-39.371m186.94 86.935a59.468 59.468 0 1 0-59.468-59.467a59.534 59.534 0 0 0 59.468 59.467m0-86.935a27.468 27.468 0 1 1-27.468 27.468a27.5 27.5 0 0 1 27.468-27.468m161.205 43.274a29.637 29.637 0 1 0-29.637-29.637a29.637 29.637 0 0 0 29.637 29.637"/></svg>
How to use the Blur Linear icon
React
import { Icon } from "@iconify/react";
<Icon icon="cil:blur-linear" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:blur-linear" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:blur-linear" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--blur-linear]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:blur-linear"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:blur-linear"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/cil/blur-linear.svg" alt="Blur Linear icon" width="24" height="24">
Related icons in CoreUI Free
Blur Linear icon in other icon sets
Blur Linear icon FAQ
Is the Blur Linear 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 Blur Linear icon in React?
Install @iconify/react and render <Icon icon="cil:blur-linear" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Blur Linear icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cil/blur-linear.svg" alt="Blur Linear icon">, or paste the SVG code inline to style it with CSS.
Browse all CoreUI Free icons →
ICONYZ
