at icon

at-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.

Name
at-solid
Set
Myna UI Icons
Style
Solid
Viewbox
24×24
License
MIT

1 other variant in Myna UI Icons

at

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 IconatPhosphoratPixelarticonsatPrime 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="M3.75 11.996A8.25 8.25 0 0 1 12 3.75a8.25 8.25 0 0 1 8.25 8.246c0 2.3-1.1 3-1.75 3s-1.75-.7-1.75-3V7.998a.75.75 0 0 0-1.5 0v.538l-.011-.01C14.334 7.75 13.153 7.378 12 7.378s-2.334.37-3.239 1.148c-.92.791-1.511 1.968-1.511 3.47c0 1.504.59 2.68 1.513 3.468c.905.775 2.087 1.14 3.24 1.136c1.152-.005 2.332-.378 3.235-1.153q.353-.301.636-.677c.582 1.087 1.524 1.726 2.626 1.726c1.85 0 3.25-1.8 3.25-4.5c0-5.383-4.366-9.746-9.75-9.746s-9.75 4.363-9.75 9.746c0 5.376 4.356 9.735 9.731 9.745c1.83.087 4.263-.46 6.251-1.986a.75.75 0 1 0-.913-1.19c-1.68 1.29-3.763 1.753-5.282 1.677H12a8.25 8.25 0 0 1-8.25-8.246"/></svg>

React

import type { SVGProps } from "react";

export function MynauiAtSolid(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="M3.75 11.996A8.25 8.25 0 0 1 12 3.75a8.25 8.25 0 0 1 8.25 8.246c0 2.3-1.1 3-1.75 3s-1.75-.7-1.75-3V7.998a.75.75 0 0 0-1.5 0v.538l-.011-.01C14.334 7.75 13.153 7.378 12 7.378s-2.334.37-3.239 1.148c-.92.791-1.511 1.968-1.511 3.47c0 1.504.59 2.68 1.513 3.468c.905.775 2.087 1.14 3.24 1.136c1.152-.005 2.332-.378 3.235-1.153q.353-.301.636-.677c.582 1.087 1.524 1.726 2.626 1.726c1.85 0 3.25-1.8 3.25-4.5c0-5.383-4.366-9.746-9.75-9.746s-9.75 4.363-9.75 9.746c0 5.376 4.356 9.735 9.731 9.745c1.83.087 4.263-.46 6.251-1.986a.75.75 0 1 0-.913-1.19c-1.68 1.29-3.763 1.753-5.282 1.677H12a8.25 8.25 0 0 1-8.25-8.246"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.75 11.996A8.25 8.25 0 0 1 12 3.75a8.25 8.25 0 0 1 8.25 8.246c0 2.3-1.1 3-1.75 3s-1.75-.7-1.75-3V7.998a.75.75 0 0 0-1.5 0v.538l-.011-.01C14.334 7.75 13.153 7.378 12 7.378s-2.334.37-3.239 1.148c-.92.791-1.511 1.968-1.511 3.47c0 1.504.59 2.68 1.513 3.468c.905.775 2.087 1.14 3.24 1.136c1.152-.005 2.332-.378 3.235-1.153q.353-.301.636-.677c.582 1.087 1.524 1.726 2.626 1.726c1.85 0 3.25-1.8 3.25-4.5c0-5.383-4.366-9.746-9.75-9.746s-9.75 4.363-9.75 9.746c0 5.376 4.356 9.735 9.731 9.745c1.83.087 4.263-.46 6.251-1.986a.75.75 0 1 0-.913-1.19c-1.68 1.29-3.763 1.753-5.282 1.677H12a8.25 8.25 0 0 1-8.25-8.246"/></svg>
</template>

CSS

.icon-at-solid {
  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%22M3.75%2011.996A8.25%208.25%200%200%201%2012%203.75a8.25%208.25%200%200%201%208.25%208.246c0%202.3-1.1%203-1.75%203s-1.75-.7-1.75-3V7.998a.75.75%200%200%200-1.5%200v.538l-.011-.01C14.334%207.75%2013.153%207.378%2012%207.378s-2.334.37-3.239%201.148c-.92.791-1.511%201.968-1.511%203.47c0%201.504.59%202.68%201.513%203.468c.905.775%202.087%201.14%203.24%201.136c1.152-.005%202.332-.378%203.235-1.153q.353-.301.636-.677c.582%201.087%201.524%201.726%202.626%201.726c1.85%200%203.25-1.8%203.25-4.5c0-5.383-4.366-9.746-9.75-9.746s-9.75%204.363-9.75%209.746c0%205.376%204.356%209.735%209.731%209.745c1.83.087%204.263-.46%206.251-1.986a.75.75%200%201%200-.913-1.19c-1.68%201.29-3.763%201.753-5.282%201.677H12a8.25%208.25%200%200%201-8.25-8.246%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%22M3.75%2011.996A8.25%208.25%200%200%201%2012%203.75a8.25%208.25%200%200%201%208.25%208.246c0%202.3-1.1%203-1.75%203s-1.75-.7-1.75-3V7.998a.75.75%200%200%200-1.5%200v.538l-.011-.01C14.334%207.75%2013.153%207.378%2012%207.378s-2.334.37-3.239%201.148c-.92.791-1.511%201.968-1.511%203.47c0%201.504.59%202.68%201.513%203.468c.905.775%202.087%201.14%203.24%201.136c1.152-.005%202.332-.378%203.235-1.153q.353-.301.636-.677c.582%201.087%201.524%201.726%202.626%201.726c1.85%200%203.25-1.8%203.25-4.5c0-5.383-4.366-9.746-9.75-9.746s-9.75%204.363-9.75%209.746c0%205.376%204.356%209.735%209.731%209.745c1.83.087%204.263-.46%206.251-1.986a.75.75%200%201%200-.913-1.19c-1.68%201.29-3.763%201.753-5.282%201.677H12a8.25%208.25%200%200%201-8.25-8.246%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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