at icon

at from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.

Name
at
Set
BoxIcons v2
Style
Regular
Viewbox
24×24
License
MIT
Aliases
bx-at

The same icon in other sets

atBootstrap IconsatCarbonatCircle 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 24 24"><path fill="currentColor" d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10c1.466 0 2.961-.371 4.442-1.104l-.885-1.793C14.353 19.698 13.156 20 12 20c-4.411 0-8-3.589-8-8s3.589-8 8-8s8 3.589 8 8v1c0 .692-.313 2-1.5 2c-1.396 0-1.494-1.819-1.5-2V8h-2v.025A4.95 4.95 0 0 0 12 7c-2.757 0-5 2.243-5 5s2.243 5 5 5c1.45 0 2.748-.631 3.662-1.621c.524.89 1.408 1.621 2.838 1.621c2.273 0 3.5-2.061 3.5-4v-1c0-5.514-4.486-10-10-10m0 13c-1.654 0-3-1.346-3-3s1.346-3 3-3s3 1.346 3 3s-1.346 3-3 3"/></svg>

React

import type { SVGProps } from "react";

export function BxAt(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10c1.466 0 2.961-.371 4.442-1.104l-.885-1.793C14.353 19.698 13.156 20 12 20c-4.411 0-8-3.589-8-8s3.589-8 8-8s8 3.589 8 8v1c0 .692-.313 2-1.5 2c-1.396 0-1.494-1.819-1.5-2V8h-2v.025A4.95 4.95 0 0 0 12 7c-2.757 0-5 2.243-5 5s2.243 5 5 5c1.45 0 2.748-.631 3.662-1.621c.524.89 1.408 1.621 2.838 1.621c2.273 0 3.5-2.061 3.5-4v-1c0-5.514-4.486-10-10-10m0 13c-1.654 0-3-1.346-3-3s1.346-3 3-3s3 1.346 3 3s-1.346 3-3 3"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10c1.466 0 2.961-.371 4.442-1.104l-.885-1.793C14.353 19.698 13.156 20 12 20c-4.411 0-8-3.589-8-8s3.589-8 8-8s8 3.589 8 8v1c0 .692-.313 2-1.5 2c-1.396 0-1.494-1.819-1.5-2V8h-2v.025A4.95 4.95 0 0 0 12 7c-2.757 0-5 2.243-5 5s2.243 5 5 5c1.45 0 2.748-.631 3.662-1.621c.524.89 1.408 1.621 2.838 1.621c2.273 0 3.5-2.061 3.5-4v-1c0-5.514-4.486-10-10-10m0 13c-1.654 0-3-1.346-3-3s1.346-3 3-3s3 1.346 3 3s-1.346 3-3 3"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202C6.486%202%202%206.486%202%2012s4.486%2010%2010%2010c1.466%200%202.961-.371%204.442-1.104l-.885-1.793C14.353%2019.698%2013.156%2020%2012%2020c-4.411%200-8-3.589-8-8s3.589-8%208-8s8%203.589%208%208v1c0%20.692-.313%202-1.5%202c-1.396%200-1.494-1.819-1.5-2V8h-2v.025A4.95%204.95%200%200%200%2012%207c-2.757%200-5%202.243-5%205s2.243%205%205%205c1.45%200%202.748-.631%203.662-1.621c.524.89%201.408%201.621%202.838%201.621c2.273%200%203.5-2.061%203.5-4v-1c0-5.514-4.486-10-10-10m0%2013c-1.654%200-3-1.346-3-3s1.346-3%203-3s3%201.346%203%203s-1.346%203-3%203%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202C6.486%202%202%206.486%202%2012s4.486%2010%2010%2010c1.466%200%202.961-.371%204.442-1.104l-.885-1.793C14.353%2019.698%2013.156%2020%2012%2020c-4.411%200-8-3.589-8-8s3.589-8%208-8s8%203.589%208%208v1c0%20.692-.313%202-1.5%202c-1.396%200-1.494-1.819-1.5-2V8h-2v.025A4.95%204.95%200%200%200%2012%207c-2.757%200-5%202.243-5%205s2.243%205%205%205c1.45%200%202.748-.631%203.662-1.621c.524.89%201.408%201.621%202.838%201.621c2.273%200%203.5-2.061%203.5-4v-1c0-5.514-4.486-10-10-10m0%2013c-1.654%200-3-1.346-3-3s1.346-3%203-3s3%201.346%203%203s-1.346%203-3%203%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/at.svg?color=%231a73e8&size=48