Skip to content
Ikions
Explore icons

Blur icon

Soften an image or layer with a blur effect.

Blur icon, outline24px × 4
16
20
24
32
48
Size
px
Colour
1.75

Use it in your project

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 3a9 9 0 0 0 0 18Z"/>
  <circle cx="15.5" cy="5.75" r="1.25" fill="currentColor" stroke="none"/>
  <circle cx="15.5" cy="9.92" r="1.25" fill="currentColor" stroke="none"/>
  <circle cx="15.5" cy="14.08" r="1.25" fill="currentColor" stroke="none"/>
  <circle cx="15.5" cy="18.25" r="1.25" fill="currentColor" stroke="none"/>
  <circle cx="19.5" cy="7.83" r="1" fill="currentColor" stroke="none"/>
  <circle cx="19.5" cy="12" r="1" fill="currentColor" stroke="none"/>
  <circle cx="19.5" cy="16.17" r="1" fill="currentColor" stroke="none"/>
</svg>

Icon details

Name
blur
Component
BlurIcon
Category
Editing & Creativity
Variants
Outline, Filled
Added in
v0.2.0
Files
@ikions/icons/outline/blur.svg
@ikions/icons/filled/blur.svg

Also known as

  • gaussian-blur

Tags

Related icons