at icon
at from Line Awesome by Icons8 · Line · Communication · Apache-2.0 Free for personal and commercial use.
- Name
- at
- Set
- Line Awesome
- Style
- Line
- Category
- Communication
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- at-solid
The same icon in other sets
atBootstrap IconsatBoxIcons v2atCarbonatCircle Flagsat-fillEva IconsatFramework7 IconsatFont Awesome 6 SolidatFont Awesome Solidat-1x1Flag IconsatFlagpackatHuge IconsatIonIconsatMaterial Line IconsatMaterial Design Iconsat-fillMingCute IconatMyna UI IconsatPhosphoratPixelarticonsatPrime Iconsat-fillRemix IconatTabler Iconsat-outlineTeenyiconsatUniconsatUnicons Monochrome
More communication icons from Line Awesome
Use the at icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16.188 4C8.823 3.89 2.914 10.484 4.155 18.031C5 23.152 9.203 27.18 14.344 27.875c3.465.469 6.703-.531 9.156-2.5l-1.25-1.563c-2.047 1.641-4.738 2.489-7.656 2.094c-4.254-.574-7.742-3.953-8.438-8.187C5.11 11.348 9.992 5.91 16.156 6c5.254.078 9.684 4.434 9.844 9.688c.004.113 0 .222 0 .343A3.984 3.984 0 0 1 22 20c-1.117 0-2-.883-2-2v-8h-2v.781A4.43 4.43 0 0 0 15.5 10a4.516 4.516 0 0 0-4.5 4.5v3c0 2.473 2.027 4.5 4.5 4.5c1.348 0 2.547-.613 3.375-1.563C19.609 21.372 20.73 22 22 22c3.285 0 5.988-2.68 6-5.969c0-.133.004-.261 0-.406C27.809 9.289 22.523 4.094 16.187 4zm-.688 8c1.39 0 2.5 1.11 2.5 2.5v3c0 1.39-1.11 2.5-2.5 2.5S13 18.89 13 17.5v-3c0-1.39 1.11-2.5 2.5-2.5"/></svg>
React
import type { SVGProps } from "react";
export function LaAt(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16.188 4C8.823 3.89 2.914 10.484 4.155 18.031C5 23.152 9.203 27.18 14.344 27.875c3.465.469 6.703-.531 9.156-2.5l-1.25-1.563c-2.047 1.641-4.738 2.489-7.656 2.094c-4.254-.574-7.742-3.953-8.438-8.187C5.11 11.348 9.992 5.91 16.156 6c5.254.078 9.684 4.434 9.844 9.688c.004.113 0 .222 0 .343A3.984 3.984 0 0 1 22 20c-1.117 0-2-.883-2-2v-8h-2v.781A4.43 4.43 0 0 0 15.5 10a4.516 4.516 0 0 0-4.5 4.5v3c0 2.473 2.027 4.5 4.5 4.5c1.348 0 2.547-.613 3.375-1.563C19.609 21.372 20.73 22 22 22c3.285 0 5.988-2.68 6-5.969c0-.133.004-.261 0-.406C27.809 9.289 22.523 4.094 16.187 4zm-.688 8c1.39 0 2.5 1.11 2.5 2.5v3c0 1.39-1.11 2.5-2.5 2.5S13 18.89 13 17.5v-3c0-1.39 1.11-2.5 2.5-2.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16.188 4C8.823 3.89 2.914 10.484 4.155 18.031C5 23.152 9.203 27.18 14.344 27.875c3.465.469 6.703-.531 9.156-2.5l-1.25-1.563c-2.047 1.641-4.738 2.489-7.656 2.094c-4.254-.574-7.742-3.953-8.438-8.187C5.11 11.348 9.992 5.91 16.156 6c5.254.078 9.684 4.434 9.844 9.688c.004.113 0 .222 0 .343A3.984 3.984 0 0 1 22 20c-1.117 0-2-.883-2-2v-8h-2v.781A4.43 4.43 0 0 0 15.5 10a4.516 4.516 0 0 0-4.5 4.5v3c0 2.473 2.027 4.5 4.5 4.5c1.348 0 2.547-.613 3.375-1.563C19.609 21.372 20.73 22 22 22c3.285 0 5.988-2.68 6-5.969c0-.133.004-.261 0-.406C27.809 9.289 22.523 4.094 16.187 4zm-.688 8c1.39 0 2.5 1.11 2.5 2.5v3c0 1.39-1.11 2.5-2.5 2.5S13 18.89 13 17.5v-3c0-1.39 1.11-2.5 2.5-2.5"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.188%204C8.823%203.89%202.914%2010.484%204.155%2018.031C5%2023.152%209.203%2027.18%2014.344%2027.875c3.465.469%206.703-.531%209.156-2.5l-1.25-1.563c-2.047%201.641-4.738%202.489-7.656%202.094c-4.254-.574-7.742-3.953-8.438-8.187C5.11%2011.348%209.992%205.91%2016.156%206c5.254.078%209.684%204.434%209.844%209.688c.004.113%200%20.222%200%20.343A3.984%203.984%200%200%201%2022%2020c-1.117%200-2-.883-2-2v-8h-2v.781A4.43%204.43%200%200%200%2015.5%2010a4.516%204.516%200%200%200-4.5%204.5v3c0%202.473%202.027%204.5%204.5%204.5c1.348%200%202.547-.613%203.375-1.563C19.609%2021.372%2020.73%2022%2022%2022c3.285%200%205.988-2.68%206-5.969c0-.133.004-.261%200-.406C27.809%209.289%2022.523%204.094%2016.187%204zm-.688%208c1.39%200%202.5%201.11%202.5%202.5v3c0%201.39-1.11%202.5-2.5%202.5S13%2018.89%2013%2017.5v-3c0-1.39%201.11-2.5%202.5-2.5%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.188%204C8.823%203.89%202.914%2010.484%204.155%2018.031C5%2023.152%209.203%2027.18%2014.344%2027.875c3.465.469%206.703-.531%209.156-2.5l-1.25-1.563c-2.047%201.641-4.738%202.489-7.656%202.094c-4.254-.574-7.742-3.953-8.438-8.187C5.11%2011.348%209.992%205.91%2016.156%206c5.254.078%209.684%204.434%209.844%209.688c.004.113%200%20.222%200%20.343A3.984%203.984%200%200%201%2022%2020c-1.117%200-2-.883-2-2v-8h-2v.781A4.43%204.43%200%200%200%2015.5%2010a4.516%204.516%200%200%200-4.5%204.5v3c0%202.473%202.027%204.5%204.5%204.5c1.348%200%202.547-.613%203.375-1.563C19.609%2021.372%2020.73%2022%2022%2022c3.285%200%205.988-2.68%206-5.969c0-.133.004-.261%200-.406C27.809%209.289%2022.523%204.094%2016.187%204zm-.688%208c1.39%200%202.5%201.11%202.5%202.5v3c0%201.39-1.11%202.5-2.5%202.5S13%2018.89%2013%2017.5v-3c0-1.39%201.11-2.5%202.5-2.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/at.svg?color=%231a73e8&size=48
