What does the blur off icon signify?

It signifies that a blur effect has been turned off or removed. This is often used to indicate that content is now clear and sharp.

How do I use this icon in React?

You can import and use it directly in your React components like this: import { IconBlurOff } from '@tabler/icons-react'.

What is the license for this icon?

This icon is part of the Tabler icon library and is available under the MIT license.

blur off icon

Tabler · blur-off · MIT

Download SVG

The Tabler blur off icon visually represents the deactivation or removal of a blur effect, commonly used in UI to indicate that an image or element is no longer obscured or softened.

Common uses

Button to disable image blurring
Toggle for a 'clear view' mode
Indicator for non-blurred content

Use it in React

Install

npm i @tabler/icons-react

Import & render

import { IconBlurOff } from '@tabler/icons-react';

<IconBlurOff size={24} stroke={2} />

Details

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: Design
Keywords: editphotophotographytoolbluroffcreativeartisticdisabledinactivedesignclearunblursharpfocus

FAQ

What does the blur off icon signify?: It signifies that a blur effect has been turned off or removed. This is often used to indicate that content is now clear and sharp.
How do I use this icon in React?: You can import and use it directly in your React components like this: import { IconBlurOff } from '@tabler/icons-react'.
What is the license for this icon?: This icon is part of the Tabler icon library and is available under the MIT license.

Related icons

The same idea in other libraries, and near matches in Tabler.

tabler tabler tabler tabler tabler tabler tabler tabler tabler tabler tabler tabler

Looking for something else? Search Tabler and 4 more libraries by description →

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →