viewfinder circle icon

Common uses

• Camera or photo-related features
• Search functionality
• Focus or targeting indicators

Use it in React

npm i @heroicons/react

import { ViewfinderCircleIcon } from '@heroicons/react/24/outline';

<ViewfinderCircleIcon className="size-6" />

Styles

Heroicons ships this icon in 4 styles — each its own import:

<ViewfinderCircleIcon className="size-6" />

<ViewfinderCircleIcon className="size-6" />

<ViewfinderCircleIcon className="size-6" />

<ViewfinderCircleIcon className="size-6" />

Details

Library

Heroicons (324 icons)

License

MIT

viewBox

0 0 24 24

Keywords

viewfindercirclecamera icontarget iconsearch circlefocus icon

FAQ

What is the viewfinder circle icon used for?

It's typically used for UI elements related to cameras, search, or indicating a focus area.

How do I use the viewfinder circle icon in React?

Import it from Heroicons like this: `import { ViewfinderCircleIcon } from '@heroicons/react/24/outline'`. Then use it as a React component.

What is the license for this icon?

The Heroicons viewfinder circle icon is available under the MIT license.

Related icons

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