At icon
fa-solid:at
The At icon (fa-solid:at) is a free SVG icon from the Font Awesome 5 Solid set by Dave Gandy. It is drawn on a 512 × 512 grid. Font Awesome 5 Solid icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Font Awesome 5 Solid
- Author
- Dave Gandy
- License
- CC-BY-4.0
- Size
- 512 × 512
- Category
- Communication
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8C118.941 8 8 118.919 8 256c0 137.059 110.919 248 248 248c48.154 0 95.342-14.14 135.408-40.223c12.005-7.815 14.625-24.288 5.552-35.372l-10.177-12.433c-7.671-9.371-21.179-11.667-31.373-5.129C325.92 429.757 291.314 440 256 440c-101.458 0-184-82.542-184-184S154.542 72 256 72c100.139 0 184 57.619 184 160c0 38.786-21.093 79.742-58.17 83.693c-17.349-.454-16.91-12.857-13.476-30.024l23.433-121.11C394.653 149.75 383.308 136 368.225 136h-44.981a13.52 13.52 0 0 0-13.432 11.993l-.01.092c-14.697-17.901-40.448-21.775-59.971-21.775c-74.58 0-137.831 62.234-137.831 151.46c0 65.303 36.785 105.87 96 105.87c26.984 0 57.369-15.637 74.991-38.333c9.522 34.104 40.613 34.103 70.71 34.103C462.609 379.41 504 307.798 504 232C504 95.653 394.023 8 256 8m-21.68 304.43c-22.249 0-36.07-15.623-36.07-40.771c0-44.993 30.779-72.729 58.63-72.729c22.292 0 35.601 15.241 35.601 40.77c0 45.061-33.875 72.73-58.161 72.73"/></svg>
How to use the At icon
React
import { Icon } from "@iconify/react";
<Icon icon="fa-solid:at" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-solid:at" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-solid:at" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-solid--at]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-solid -->
<div class="i-fa-solid:at"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-solid:at"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fa-solid/at.svg" alt="At icon" width="24" height="24">
Related icons in Font Awesome 5 Solid
At icon in other icon sets
At icon FAQ
Is the At icon free for commercial use?
Yes. Font Awesome 5 Solid icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the At icon in React?
Install @iconify/react and render <Icon icon="fa-solid: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-solid/at.svg" alt="At icon">, or paste the SVG code inline to style it with CSS.
Browse all Font Awesome 5 Solid icons →
ICONYZ
