At icon

fa:at

The At icon (fa:at) is a free SVG icon from the Font Awesome 4 set by Dave Gandy. It is drawn on a 1536 × 1536 grid. Font Awesome 4 icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Font Awesome 4
Author: Dave Gandy
License: OFL-1.1
Size: 1536 × 1536

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1536" height="1536" viewBox="0 0 1536 1536"><path fill="currentColor" d="M972 647q0-108-53.5-169T771 417q-63 0-124 30.5T537 532t-79.5 137T427 849q0 112 53.5 173t150.5 61q96 0 176-66.5t122.5-166T972 647m564 121q0 111-37 197t-98.5 135t-131.5 74.5t-145 27.5q-6 0-15.5.5t-16.5.5q-95 0-142-53q-28-33-33-83q-52 66-131.5 110T612 1221q-161 0-249.5-95.5T274 856q0-157 66-290t179-210.5T765 278q87 0 155 35.5t106 99.5l2-19l11-56q1-6 5.5-12t9.5-6h118q5 0 13 11q5 5 3 16l-120 614q-5 24-5 48q0 39 12.5 52t44.5 13q28-1 57-5.5t73-24t77-50t57-89.5t24-137q0-292-174-466T768 128q-130 0-248.5 51t-204 136.5t-136.5 204T128 768t51 248.5t136.5 204t204 136.5t248.5 51q228 0 405-144q11-9 24-8t21 12l41 49q8 12 7 24q-2 13-12 22q-102 83-227.5 128T768 1536q-156 0-298-61t-245-164t-164-245T0 768t61-298t164-245T470 61T768 0q344 0 556 212t212 556"/></svg>

How to use the At icon

React

import { Icon } from "@iconify/react";

<Icon icon="fa:at" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fa:at" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fa:at" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa--at]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa -->
<div class="i-fa:at"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fa:at"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fa/at.svg" alt="At icon" width="24" height="24">

At icon in other icon sets

At icon FAQ

Is the At icon free for commercial use?

Yes. Font Awesome 4 icons are released under the Open Font License, which allows use in personal and commercial projects.

How do I use the At icon in React?

Install @iconify/react and render <Icon icon="fa:at" />, or use “Copy code” on this page to get a standalone React component.

How do I add the At icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fa/at.svg" alt="At icon">, or paste the SVG code inline to style it with CSS.

Browse all Font Awesome 4 icons →