What does the at icon represent?

The at icon represents the commercial at symbol (@), often used for email addresses and user mentions in digital contexts.

How do I use the at icon in React?

You can use the at icon in React by importing it from the Phosphor library: import { At } from '@phosphor-icons/react'.

Phosphor icons, including the at icon, are distributed under the MIT license.

Phosphor · at · MIT

The Phosphor at icon depicts the commercial at symbol (@) and is commonly used in user interfaces to represent email addresses or user mentions.

Install

npm i @phosphor-icons/react

Import & render

import { At } from '@phosphor-icons/react';

<At size={24} />

Phosphor ships this icon in 6 styles — each its own import:

regular

<At size={24} />

thin

<At size={24} weight="thin" />

light

<At size={24} weight="light" />

bold

<At size={24} weight="bold" />

fill

<At size={24} weight="fill" />

duotone

<At size={24} weight="duotone" />

Library: Phosphor (1,512 icons)
License: MIT
viewBox: 0 0 256 256
Category: communications
Keywords: @addressemailat symbolcommercial atarobasecommunicationsatemail symbol

What does the at icon represent?: The at icon represents the commercial at symbol (@), often used for email addresses and user mentions in digital contexts.
How do I use the at icon in React?: You can use the at icon in React by importing it from the Phosphor library: import { At } from '@phosphor-icons/react'.
What is the license for Phosphor icons?: Phosphor icons, including the at icon, are distributed under the MIT license.

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

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