At icon
ls:at
The At icon (ls:at) is a free SVG icon from the Ligature Symbols set by Kazuyuki Motoyama. It is drawn on a 751 × 785 grid. Ligature Symbols 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
- Ligature Symbols
- Author
- Kazuyuki Motoyama
- License
- OFL-1.1
- Size
- 751 × 785
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="751" height="785" viewBox="0 0 751 785"><path fill="currentColor" d="M514 199h53s-39 221-59 332c-17 96 108 14 145-29c36-41 118-223-27-368C495 4 297 40 211 90C110 149 19 287 49 446c33 178 158 259 233 278c163 41 270 2 372-103c17 0 32-1 52-1c-69 105-186 162-284 164c-86 1-191-2-299-102C14 581-22 430 13 293C48 157 151 46 292 12s327 2 421 168c80 141 14 287-38 345c-80 90-247 163-223 30c1-5 2-12 3-18c-39 36-88 59-139 59c-101 0-176-88-159-197s121-197 222-197c53 0 96 25 124 64c7-40 11-67 11-67M322 547c63 0 124-46 150-109c5-24 10-49 14-74c-4-66-50-113-116-113c-76 0-134 66-147 148s23 148 99 148"/></svg>
How to use the At icon
React
import { Icon } from "@iconify/react";
<Icon icon="ls:at" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:at" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:at" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--at]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:at"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:at"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/ls/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. Ligature Symbols 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="ls: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/ls/at.svg" alt="At icon">, or paste the SVG code inline to style it with CSS.
Browse all Ligature Symbols icons →
ICONYZ
