at icon

at from Prime Icons by PrimeTek · Regular · MIT Free for personal and commercial use.

Name
at
Set
Prime Icons
Style
Regular
Viewbox
24×24
License
MIT

The same icon in other sets

atBootstrap IconsatBoxIcons v2atCarbonatCircle Flagsat-fillEva IconsatFramework7 IconsatFont Awesome 6 SolidatFont Awesome Solidat-1x1Flag IconsatFlagpackatHuge IconsatIonIconsatLine AwesomeatMaterial Line IconsatMaterial Design Iconsat-fillMingCute IconatMyna UI IconsatPhosphoratPixelarticonsat-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 3.25A8.75 8.75 0 0 0 3.25 12A8.65 8.65 0 0 0 12 20.75a.75.75 0 0 0 0-1.5A7.17 7.17 0 0 1 4.75 12A7.26 7.26 0 0 1 12 4.75c4.81 0 7.25 2.44 7.25 7.25v1.38a1.46 1.46 0 1 1-2.91 0v-5a.75.75 0 0 0-1.5 0v.34A4.3 4.3 0 0 0 12 7.66a4.34 4.34 0 0 0 0 8.68a4.3 4.3 0 0 0 3.24-1.49a2.95 2.95 0 0 0 5.51-1.47V12c0-5.64-3.11-8.75-8.75-8.75m0 11.59A2.84 2.84 0 1 1 14.84 12A2.85 2.85 0 0 1 12 14.84"/></svg>

React

import type { SVGProps } from "react";

export function PrimeAt(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 3.25A8.75 8.75 0 0 0 3.25 12A8.65 8.65 0 0 0 12 20.75a.75.75 0 0 0 0-1.5A7.17 7.17 0 0 1 4.75 12A7.26 7.26 0 0 1 12 4.75c4.81 0 7.25 2.44 7.25 7.25v1.38a1.46 1.46 0 1 1-2.91 0v-5a.75.75 0 0 0-1.5 0v.34A4.3 4.3 0 0 0 12 7.66a4.34 4.34 0 0 0 0 8.68a4.3 4.3 0 0 0 3.24-1.49a2.95 2.95 0 0 0 5.51-1.47V12c0-5.64-3.11-8.75-8.75-8.75m0 11.59A2.84 2.84 0 1 1 14.84 12A2.85 2.85 0 0 1 12 14.84"/></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 3.25A8.75 8.75 0 0 0 3.25 12A8.65 8.65 0 0 0 12 20.75a.75.75 0 0 0 0-1.5A7.17 7.17 0 0 1 4.75 12A7.26 7.26 0 0 1 12 4.75c4.81 0 7.25 2.44 7.25 7.25v1.38a1.46 1.46 0 1 1-2.91 0v-5a.75.75 0 0 0-1.5 0v.34A4.3 4.3 0 0 0 12 7.66a4.34 4.34 0 0 0 0 8.68a4.3 4.3 0 0 0 3.24-1.49a2.95 2.95 0 0 0 5.51-1.47V12c0-5.64-3.11-8.75-8.75-8.75m0 11.59A2.84 2.84 0 1 1 14.84 12A2.85 2.85 0 0 1 12 14.84"/></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%203.25A8.75%208.75%200%200%200%203.25%2012A8.65%208.65%200%200%200%2012%2020.75a.75.75%200%200%200%200-1.5A7.17%207.17%200%200%201%204.75%2012A7.26%207.26%200%200%201%2012%204.75c4.81%200%207.25%202.44%207.25%207.25v1.38a1.46%201.46%200%201%201-2.91%200v-5a.75.75%200%200%200-1.5%200v.34A4.3%204.3%200%200%200%2012%207.66a4.34%204.34%200%200%200%200%208.68a4.3%204.3%200%200%200%203.24-1.49a2.95%202.95%200%200%200%205.51-1.47V12c0-5.64-3.11-8.75-8.75-8.75m0%2011.59A2.84%202.84%200%201%201%2014.84%2012A2.85%202.85%200%200%201%2012%2014.84%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%203.25A8.75%208.75%200%200%200%203.25%2012A8.65%208.65%200%200%200%2012%2020.75a.75.75%200%200%200%200-1.5A7.17%207.17%200%200%201%204.75%2012A7.26%207.26%200%200%201%2012%204.75c4.81%200%207.25%202.44%207.25%207.25v1.38a1.46%201.46%200%201%201-2.91%200v-5a.75.75%200%200%200-1.5%200v.34A4.3%204.3%200%200%200%2012%207.66a4.34%204.34%200%200%200%200%208.68a4.3%204.3%200%200%200%203.24-1.49a2.95%202.95%200%200%200%205.51-1.47V12c0-5.64-3.11-8.75-8.75-8.75m0%2011.59A2.84%202.84%200%201%201%2014.84%2012A2.85%202.85%200%200%201%2012%2014.84%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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