at icon
at from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- at
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
The same icon in other sets
atBoxIcons v2atCarbonatCircle Flagsat-fillEva IconsatFramework7 IconsatFont Awesome 6 SolidatFont Awesome Solidat-1x1Flag IconsatFlagpackatHuge IconsatIonIconsatLine AwesomeatMaterial Line IconsatMaterial Design Iconsat-fillMingCute IconatMyna UI IconsatPhosphoratPixelarticonsatPrime Iconsat-fillRemix IconatTabler Iconsat-outlineTeenyiconsatUniconsatUnicons Monochrome
Use the at icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M13.106 7.222c0-2.967-2.249-5.032-5.482-5.032c-3.35 0-5.646 2.318-5.646 5.702c0 3.493 2.235 5.708 5.762 5.708c.862 0 1.689-.123 2.304-.335v-.862c-.43.199-1.354.328-2.29.328c-2.926 0-4.813-1.88-4.813-4.798c0-2.844 1.921-4.881 4.594-4.881c2.735 0 4.608 1.688 4.608 4.156c0 1.682-.554 2.769-1.416 2.769c-.492 0-.772-.28-.772-.76V5.206H8.923v.834h-.11c-.266-.595-.881-.964-1.6-.964c-1.4 0-2.378 1.162-2.378 2.823c0 1.737.957 2.906 2.379 2.906c.8 0 1.415-.39 1.709-1.087h.11c.081.67.703 1.148 1.503 1.148c1.572 0 2.57-1.415 2.57-3.643zm-7.177.704c0-1.197.54-1.907 1.456-1.907c.93 0 1.524.738 1.524 1.907S8.308 9.84 7.371 9.84c-.895 0-1.442-.725-1.442-1.914"/></svg>
React
import type { SVGProps } from "react";
export function BiAt(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M13.106 7.222c0-2.967-2.249-5.032-5.482-5.032c-3.35 0-5.646 2.318-5.646 5.702c0 3.493 2.235 5.708 5.762 5.708c.862 0 1.689-.123 2.304-.335v-.862c-.43.199-1.354.328-2.29.328c-2.926 0-4.813-1.88-4.813-4.798c0-2.844 1.921-4.881 4.594-4.881c2.735 0 4.608 1.688 4.608 4.156c0 1.682-.554 2.769-1.416 2.769c-.492 0-.772-.28-.772-.76V5.206H8.923v.834h-.11c-.266-.595-.881-.964-1.6-.964c-1.4 0-2.378 1.162-2.378 2.823c0 1.737.957 2.906 2.379 2.906c.8 0 1.415-.39 1.709-1.087h.11c.081.67.703 1.148 1.503 1.148c1.572 0 2.57-1.415 2.57-3.643zm-7.177.704c0-1.197.54-1.907 1.456-1.907c.93 0 1.524.738 1.524 1.907S8.308 9.84 7.371 9.84c-.895 0-1.442-.725-1.442-1.914"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M13.106 7.222c0-2.967-2.249-5.032-5.482-5.032c-3.35 0-5.646 2.318-5.646 5.702c0 3.493 2.235 5.708 5.762 5.708c.862 0 1.689-.123 2.304-.335v-.862c-.43.199-1.354.328-2.29.328c-2.926 0-4.813-1.88-4.813-4.798c0-2.844 1.921-4.881 4.594-4.881c2.735 0 4.608 1.688 4.608 4.156c0 1.682-.554 2.769-1.416 2.769c-.492 0-.772-.28-.772-.76V5.206H8.923v.834h-.11c-.266-.595-.881-.964-1.6-.964c-1.4 0-2.378 1.162-2.378 2.823c0 1.737.957 2.906 2.379 2.906c.8 0 1.415-.39 1.709-1.087h.11c.081.67.703 1.148 1.503 1.148c1.572 0 2.57-1.415 2.57-3.643zm-7.177.704c0-1.197.54-1.907 1.456-1.907c.93 0 1.524.738 1.524 1.907S8.308 9.84 7.371 9.84c-.895 0-1.442-.725-1.442-1.914"/></svg> </template>
CSS
.icon-at {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.106%207.222c0-2.967-2.249-5.032-5.482-5.032c-3.35%200-5.646%202.318-5.646%205.702c0%203.493%202.235%205.708%205.762%205.708c.862%200%201.689-.123%202.304-.335v-.862c-.43.199-1.354.328-2.29.328c-2.926%200-4.813-1.88-4.813-4.798c0-2.844%201.921-4.881%204.594-4.881c2.735%200%204.608%201.688%204.608%204.156c0%201.682-.554%202.769-1.416%202.769c-.492%200-.772-.28-.772-.76V5.206H8.923v.834h-.11c-.266-.595-.881-.964-1.6-.964c-1.4%200-2.378%201.162-2.378%202.823c0%201.737.957%202.906%202.379%202.906c.8%200%201.415-.39%201.709-1.087h.11c.081.67.703%201.148%201.503%201.148c1.572%200%202.57-1.415%202.57-3.643zm-7.177.704c0-1.197.54-1.907%201.456-1.907c.93%200%201.524.738%201.524%201.907S8.308%209.84%207.371%209.84c-.895%200-1.442-.725-1.442-1.914%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.106%207.222c0-2.967-2.249-5.032-5.482-5.032c-3.35%200-5.646%202.318-5.646%205.702c0%203.493%202.235%205.708%205.762%205.708c.862%200%201.689-.123%202.304-.335v-.862c-.43.199-1.354.328-2.29.328c-2.926%200-4.813-1.88-4.813-4.798c0-2.844%201.921-4.881%204.594-4.881c2.735%200%204.608%201.688%204.608%204.156c0%201.682-.554%202.769-1.416%202.769c-.492%200-.772-.28-.772-.76V5.206H8.923v.834h-.11c-.266-.595-.881-.964-1.6-.964c-1.4%200-2.378%201.162-2.378%202.823c0%201.737.957%202.906%202.379%202.906c.8%200%201.415-.39%201.709-1.087h.11c.081.67.703%201.148%201.503%201.148c1.572%200%202.57-1.415%202.57-3.643zm-7.177.704c0-1.197.54-1.907%201.456-1.907c.93%200%201.524.738%201.524%201.907S8.308%209.84%207.371%209.84c-.895%200-1.442-.725-1.442-1.914%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/at.svg?color=%231a73e8&size=48
