What does the tilt shift icon represent?

It depicts a camera lens effect that simulates a miniature world or selective focus, commonly used for photo editing features.

How do I use the tilt shift icon in React?

Import it using `import { IconTiltShift } from '@tabler/icons-react';` and then use it as a React component.

The Tabler icon library, including the tilt shift icon, is released under the MIT license.

Tabler · tilt-shift · MIT

The Tabler tilt shift icon visually represents a camera lens effect, often used in UI to indicate photo editing or focus adjustments.

Install

npm i @tabler/icons-react

Import & render

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

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

Tabler ships this icon in 2 styles — each its own import:

outline

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

filled

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

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: Photography
Keywords: filtershiftphotographyphototiltcamerapicturecapturelensimageminiature effectselective focuslens blurphoto effect

What does the tilt shift icon represent?: It depicts a camera lens effect that simulates a miniature world or selective focus, commonly used for photo editing features.
How do I use the tilt shift icon in React?: Import it using `import { IconTiltShift } from '@tabler/icons-react';` and then use it as a React component.
What is the license for this icon?: The Tabler icon library, including the tilt shift icon, is released under the MIT license.

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

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