at circle icon

at-circle from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name
at-circle
Set
IonIcons
Style
Regular
Viewbox
512×512
License
MIT

2 other variants in IonIcons

at-circle-outlineat-circle-sharp

The same icon in other sets

at-circleFramework7 Icons

Use the at circle icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M255.46 48.74c-114.84 0-208 93.11-208 208s93.12 208 208 208s208-93.12 208-208s-93.15-208-208-208M380.28 252c-2.85 32.63-16.79 49.7-28 58.26S327.61 322.58 316 320.5a41.6 41.6 0 0 1-26.82-17.19a62.06 62.06 0 0 1-44 17.57a51.66 51.66 0 0 1-38.55-16.83c-11.38-12.42-17-30.36-15.32-49.23c3-35 30.91-57.39 56.87-61.48c27.2-4.29 52.23 6.54 62.9 19.46l3.85 4.66l-6.34 50.38c-1.19 14.34 3.28 23.48 12.29 25.1c2.39.42 8.1-.13 14.37-4.93c6.72-5.15 15.14-16 17.1-38.47c2.35-26.54-4.35-49.19-19.25-65.49c-15.49-16.9-39.09-25.84-68.23-25.84c-54 0-101.81 44.43-106.58 99c-2.28 26.2 5.67 50.68 22.4 68.93c16.36 17.86 39.31 27.74 64.66 27.74c19 0 30.61-2.05 49.48-8.78a14 14 0 0 1 9.4 26.38c-21.82 7.77-36.68 10.4-58.88 10.4c-33.28 0-63.57-13.06-85.3-36.77C138 321 127.42 288.94 130.4 254.82c2.91-33.33 18.45-64.63 43.77-88.12s57.57-36.49 90.7-36.49c37.2 0 67.93 12.08 88.87 34.93c20.09 21.91 29.51 52.75 26.54 86.86"/><path fill="currentColor" d="M252.57 221c-14.83 2.33-31.56 15.84-33.34 36.26c-1 11.06 2 21.22 8.07 27.87a23.65 23.65 0 0 0 17.91 7.75c20.31 0 34.73-14.94 36.75-38.06a14 14 0 0 1 .34-2.07l3.2-25.45a49.6 49.6 0 0 0-32.93-6.3"/></svg>

React

import type { SVGProps } from "react";

export function IonAtCircle(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M255.46 48.74c-114.84 0-208 93.11-208 208s93.12 208 208 208s208-93.12 208-208s-93.15-208-208-208M380.28 252c-2.85 32.63-16.79 49.7-28 58.26S327.61 322.58 316 320.5a41.6 41.6 0 0 1-26.82-17.19a62.06 62.06 0 0 1-44 17.57a51.66 51.66 0 0 1-38.55-16.83c-11.38-12.42-17-30.36-15.32-49.23c3-35 30.91-57.39 56.87-61.48c27.2-4.29 52.23 6.54 62.9 19.46l3.85 4.66l-6.34 50.38c-1.19 14.34 3.28 23.48 12.29 25.1c2.39.42 8.1-.13 14.37-4.93c6.72-5.15 15.14-16 17.1-38.47c2.35-26.54-4.35-49.19-19.25-65.49c-15.49-16.9-39.09-25.84-68.23-25.84c-54 0-101.81 44.43-106.58 99c-2.28 26.2 5.67 50.68 22.4 68.93c16.36 17.86 39.31 27.74 64.66 27.74c19 0 30.61-2.05 49.48-8.78a14 14 0 0 1 9.4 26.38c-21.82 7.77-36.68 10.4-58.88 10.4c-33.28 0-63.57-13.06-85.3-36.77C138 321 127.42 288.94 130.4 254.82c2.91-33.33 18.45-64.63 43.77-88.12s57.57-36.49 90.7-36.49c37.2 0 67.93 12.08 88.87 34.93c20.09 21.91 29.51 52.75 26.54 86.86"/><path fill="currentColor" d="M252.57 221c-14.83 2.33-31.56 15.84-33.34 36.26c-1 11.06 2 21.22 8.07 27.87a23.65 23.65 0 0 0 17.91 7.75c20.31 0 34.73-14.94 36.75-38.06a14 14 0 0 1 .34-2.07l3.2-25.45a49.6 49.6 0 0 0-32.93-6.3"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M255.46 48.74c-114.84 0-208 93.11-208 208s93.12 208 208 208s208-93.12 208-208s-93.15-208-208-208M380.28 252c-2.85 32.63-16.79 49.7-28 58.26S327.61 322.58 316 320.5a41.6 41.6 0 0 1-26.82-17.19a62.06 62.06 0 0 1-44 17.57a51.66 51.66 0 0 1-38.55-16.83c-11.38-12.42-17-30.36-15.32-49.23c3-35 30.91-57.39 56.87-61.48c27.2-4.29 52.23 6.54 62.9 19.46l3.85 4.66l-6.34 50.38c-1.19 14.34 3.28 23.48 12.29 25.1c2.39.42 8.1-.13 14.37-4.93c6.72-5.15 15.14-16 17.1-38.47c2.35-26.54-4.35-49.19-19.25-65.49c-15.49-16.9-39.09-25.84-68.23-25.84c-54 0-101.81 44.43-106.58 99c-2.28 26.2 5.67 50.68 22.4 68.93c16.36 17.86 39.31 27.74 64.66 27.74c19 0 30.61-2.05 49.48-8.78a14 14 0 0 1 9.4 26.38c-21.82 7.77-36.68 10.4-58.88 10.4c-33.28 0-63.57-13.06-85.3-36.77C138 321 127.42 288.94 130.4 254.82c2.91-33.33 18.45-64.63 43.77-88.12s57.57-36.49 90.7-36.49c37.2 0 67.93 12.08 88.87 34.93c20.09 21.91 29.51 52.75 26.54 86.86"/><path fill="currentColor" d="M252.57 221c-14.83 2.33-31.56 15.84-33.34 36.26c-1 11.06 2 21.22 8.07 27.87a23.65 23.65 0 0 0 17.91 7.75c20.31 0 34.73-14.94 36.75-38.06a14 14 0 0 1 .34-2.07l3.2-25.45a49.6 49.6 0 0 0-32.93-6.3"/></svg>
</template>

CSS

.icon-at-circle {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M255.46%2048.74c-114.84%200-208%2093.11-208%20208s93.12%20208%20208%20208s208-93.12%20208-208s-93.15-208-208-208M380.28%20252c-2.85%2032.63-16.79%2049.7-28%2058.26S327.61%20322.58%20316%20320.5a41.6%2041.6%200%200%201-26.82-17.19a62.06%2062.06%200%200%201-44%2017.57a51.66%2051.66%200%200%201-38.55-16.83c-11.38-12.42-17-30.36-15.32-49.23c3-35%2030.91-57.39%2056.87-61.48c27.2-4.29%2052.23%206.54%2062.9%2019.46l3.85%204.66l-6.34%2050.38c-1.19%2014.34%203.28%2023.48%2012.29%2025.1c2.39.42%208.1-.13%2014.37-4.93c6.72-5.15%2015.14-16%2017.1-38.47c2.35-26.54-4.35-49.19-19.25-65.49c-15.49-16.9-39.09-25.84-68.23-25.84c-54%200-101.81%2044.43-106.58%2099c-2.28%2026.2%205.67%2050.68%2022.4%2068.93c16.36%2017.86%2039.31%2027.74%2064.66%2027.74c19%200%2030.61-2.05%2049.48-8.78a14%2014%200%200%201%209.4%2026.38c-21.82%207.77-36.68%2010.4-58.88%2010.4c-33.28%200-63.57-13.06-85.3-36.77C138%20321%20127.42%20288.94%20130.4%20254.82c2.91-33.33%2018.45-64.63%2043.77-88.12s57.57-36.49%2090.7-36.49c37.2%200%2067.93%2012.08%2088.87%2034.93c20.09%2021.91%2029.51%2052.75%2026.54%2086.86%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M252.57%20221c-14.83%202.33-31.56%2015.84-33.34%2036.26c-1%2011.06%202%2021.22%208.07%2027.87a23.65%2023.65%200%200%200%2017.91%207.75c20.31%200%2034.73-14.94%2036.75-38.06a14%2014%200%200%201%20.34-2.07l3.2-25.45a49.6%2049.6%200%200%200-32.93-6.3%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M255.46%2048.74c-114.84%200-208%2093.11-208%20208s93.12%20208%20208%20208s208-93.12%20208-208s-93.15-208-208-208M380.28%20252c-2.85%2032.63-16.79%2049.7-28%2058.26S327.61%20322.58%20316%20320.5a41.6%2041.6%200%200%201-26.82-17.19a62.06%2062.06%200%200%201-44%2017.57a51.66%2051.66%200%200%201-38.55-16.83c-11.38-12.42-17-30.36-15.32-49.23c3-35%2030.91-57.39%2056.87-61.48c27.2-4.29%2052.23%206.54%2062.9%2019.46l3.85%204.66l-6.34%2050.38c-1.19%2014.34%203.28%2023.48%2012.29%2025.1c2.39.42%208.1-.13%2014.37-4.93c6.72-5.15%2015.14-16%2017.1-38.47c2.35-26.54-4.35-49.19-19.25-65.49c-15.49-16.9-39.09-25.84-68.23-25.84c-54%200-101.81%2044.43-106.58%2099c-2.28%2026.2%205.67%2050.68%2022.4%2068.93c16.36%2017.86%2039.31%2027.74%2064.66%2027.74c19%200%2030.61-2.05%2049.48-8.78a14%2014%200%200%201%209.4%2026.38c-21.82%207.77-36.68%2010.4-58.88%2010.4c-33.28%200-63.57-13.06-85.3-36.77C138%20321%20127.42%20288.94%20130.4%20254.82c2.91-33.33%2018.45-64.63%2043.77-88.12s57.57-36.49%2090.7-36.49c37.2%200%2067.93%2012.08%2088.87%2034.93c20.09%2021.91%2029.51%2052.75%2026.54%2086.86%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M252.57%20221c-14.83%202.33-31.56%2015.84-33.34%2036.26c-1%2011.06%202%2021.22%208.07%2027.87a23.65%2023.65%200%200%200%2017.91%207.75c20.31%200%2034.73-14.94%2036.75-38.06a14%2014%200%200%201%20.34-2.07l3.2-25.45a49.6%2049.6%200%200%200-32.93-6.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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