at symbol icon

Common uses

• Email input fields
• User mention tags
• Contact information sections

Use it in React

npm i @heroicons/react

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

<AtSymbolIcon className="size-6" />

Styles

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

<AtSymbolIcon className="size-6" />

<AtSymbolIcon className="size-6" />

<AtSymbolIcon className="size-6" />

<AtSymbolIcon className="size-6" />

Details

Library

Heroicons (324 icons)

License

MIT

viewBox

0 0 24 24

Keywords

atsymbolat signemail iconmention icontag icon

FAQ

What is the at symbol icon used for?

It's primarily used to denote email addresses, user mentions, or tagging features within an application's interface.

How do I use the at symbol icon in React?

You can import and use it like this: import { AtSymbolIcon } from '@heroicons/react/24/outline'; <AtSymbolIcon className="h-6 w-6" />

What is the license for this icon?

The Heroicons library, including the at symbol icon, is distributed under the MIT license.

Related icons

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