at circle icon

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

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

2 other variants in IonIcons

at-circleat-circle-outline

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="M256.41 48.74c-114.85 0-208 93.11-208 208s93.12 208 208 208s208-93.12 208-208s-93.16-208-208-208M381.22 252c-2.85 32.63-16.78 49.7-28 58.26s-24.69 12.34-36.33 10.26a41.63 41.63 0 0 1-27-17.52a60.84 60.84 0 0 1-43.72 17.9a51.65 51.65 0 0 1-38.55-16.83c-11.39-12.42-17-30.36-15.33-49.23c3.05-35 30.92-57.39 56.87-61.48c27.21-4.29 52.24 6.54 62.91 19.46l3.84 4.66l-6.34 50.38c-1.19 14.34 3.29 23.48 12.29 25.1c2.39.42 8.11-.13 14.38-4.93c6.72-5.15 15.14-16 17.1-38.47c2.32-26.55-4.35-49.19-19.28-65.49c-15.5-16.9-39.1-25.84-68.24-25.84c-54 0-101.81 44.43-106.57 99c-2.29 26.2 5.66 50.68 22.39 68.93C198 344 221 353.88 246.29 353.88c19 0 30.61-2.05 49.49-8.78l13.22-4.69l9.39 26.37l-13.19 4.7c-21.82 7.77-36.68 10.4-58.88 10.4c-33.28 0-63.57-13.06-85.3-36.77c-22.09-24.11-32.62-56.17-29.65-90.29c2.91-33.33 18.46-64.63 43.77-88.12s57.57-36.49 90.7-36.49c37.2 0 67.94 12.08 88.88 34.93c20.05 21.91 29.48 52.75 26.5 86.86"/><path fill="currentColor" d="M253.51 221c-14.83 2.33-31.55 15.84-33.34 36.26c-1 11.06 2 21.22 8.08 27.87a23.63 23.63 0 0 0 17.91 7.75c19.7 0 33.8-14.79 36.8-38.59l1.75-13.89h.09l1.65-13.11a49.63 49.63 0 0 0-32.94-6.3Z"/></svg>

React

import type { SVGProps } from "react";

export function IonAtCircleSharp(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="M256.41 48.74c-114.85 0-208 93.11-208 208s93.12 208 208 208s208-93.12 208-208s-93.16-208-208-208M381.22 252c-2.85 32.63-16.78 49.7-28 58.26s-24.69 12.34-36.33 10.26a41.63 41.63 0 0 1-27-17.52a60.84 60.84 0 0 1-43.72 17.9a51.65 51.65 0 0 1-38.55-16.83c-11.39-12.42-17-30.36-15.33-49.23c3.05-35 30.92-57.39 56.87-61.48c27.21-4.29 52.24 6.54 62.91 19.46l3.84 4.66l-6.34 50.38c-1.19 14.34 3.29 23.48 12.29 25.1c2.39.42 8.11-.13 14.38-4.93c6.72-5.15 15.14-16 17.1-38.47c2.32-26.55-4.35-49.19-19.28-65.49c-15.5-16.9-39.1-25.84-68.24-25.84c-54 0-101.81 44.43-106.57 99c-2.29 26.2 5.66 50.68 22.39 68.93C198 344 221 353.88 246.29 353.88c19 0 30.61-2.05 49.49-8.78l13.22-4.69l9.39 26.37l-13.19 4.7c-21.82 7.77-36.68 10.4-58.88 10.4c-33.28 0-63.57-13.06-85.3-36.77c-22.09-24.11-32.62-56.17-29.65-90.29c2.91-33.33 18.46-64.63 43.77-88.12s57.57-36.49 90.7-36.49c37.2 0 67.94 12.08 88.88 34.93c20.05 21.91 29.48 52.75 26.5 86.86"/><path fill="currentColor" d="M253.51 221c-14.83 2.33-31.55 15.84-33.34 36.26c-1 11.06 2 21.22 8.08 27.87a23.63 23.63 0 0 0 17.91 7.75c19.7 0 33.8-14.79 36.8-38.59l1.75-13.89h.09l1.65-13.11a49.63 49.63 0 0 0-32.94-6.3Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256.41 48.74c-114.85 0-208 93.11-208 208s93.12 208 208 208s208-93.12 208-208s-93.16-208-208-208M381.22 252c-2.85 32.63-16.78 49.7-28 58.26s-24.69 12.34-36.33 10.26a41.63 41.63 0 0 1-27-17.52a60.84 60.84 0 0 1-43.72 17.9a51.65 51.65 0 0 1-38.55-16.83c-11.39-12.42-17-30.36-15.33-49.23c3.05-35 30.92-57.39 56.87-61.48c27.21-4.29 52.24 6.54 62.91 19.46l3.84 4.66l-6.34 50.38c-1.19 14.34 3.29 23.48 12.29 25.1c2.39.42 8.11-.13 14.38-4.93c6.72-5.15 15.14-16 17.1-38.47c2.32-26.55-4.35-49.19-19.28-65.49c-15.5-16.9-39.1-25.84-68.24-25.84c-54 0-101.81 44.43-106.57 99c-2.29 26.2 5.66 50.68 22.39 68.93C198 344 221 353.88 246.29 353.88c19 0 30.61-2.05 49.49-8.78l13.22-4.69l9.39 26.37l-13.19 4.7c-21.82 7.77-36.68 10.4-58.88 10.4c-33.28 0-63.57-13.06-85.3-36.77c-22.09-24.11-32.62-56.17-29.65-90.29c2.91-33.33 18.46-64.63 43.77-88.12s57.57-36.49 90.7-36.49c37.2 0 67.94 12.08 88.88 34.93c20.05 21.91 29.48 52.75 26.5 86.86"/><path fill="currentColor" d="M253.51 221c-14.83 2.33-31.55 15.84-33.34 36.26c-1 11.06 2 21.22 8.08 27.87a23.63 23.63 0 0 0 17.91 7.75c19.7 0 33.8-14.79 36.8-38.59l1.75-13.89h.09l1.65-13.11a49.63 49.63 0 0 0-32.94-6.3Z"/></svg>
</template>

CSS

.icon-at-circle-sharp {
  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%22M256.41%2048.74c-114.85%200-208%2093.11-208%20208s93.12%20208%20208%20208s208-93.12%20208-208s-93.16-208-208-208M381.22%20252c-2.85%2032.63-16.78%2049.7-28%2058.26s-24.69%2012.34-36.33%2010.26a41.63%2041.63%200%200%201-27-17.52a60.84%2060.84%200%200%201-43.72%2017.9a51.65%2051.65%200%200%201-38.55-16.83c-11.39-12.42-17-30.36-15.33-49.23c3.05-35%2030.92-57.39%2056.87-61.48c27.21-4.29%2052.24%206.54%2062.91%2019.46l3.84%204.66l-6.34%2050.38c-1.19%2014.34%203.29%2023.48%2012.29%2025.1c2.39.42%208.11-.13%2014.38-4.93c6.72-5.15%2015.14-16%2017.1-38.47c2.32-26.55-4.35-49.19-19.28-65.49c-15.5-16.9-39.1-25.84-68.24-25.84c-54%200-101.81%2044.43-106.57%2099c-2.29%2026.2%205.66%2050.68%2022.39%2068.93C198%20344%20221%20353.88%20246.29%20353.88c19%200%2030.61-2.05%2049.49-8.78l13.22-4.69l9.39%2026.37l-13.19%204.7c-21.82%207.77-36.68%2010.4-58.88%2010.4c-33.28%200-63.57-13.06-85.3-36.77c-22.09-24.11-32.62-56.17-29.65-90.29c2.91-33.33%2018.46-64.63%2043.77-88.12s57.57-36.49%2090.7-36.49c37.2%200%2067.94%2012.08%2088.88%2034.93c20.05%2021.91%2029.48%2052.75%2026.5%2086.86%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M253.51%20221c-14.83%202.33-31.55%2015.84-33.34%2036.26c-1%2011.06%202%2021.22%208.08%2027.87a23.63%2023.63%200%200%200%2017.91%207.75c19.7%200%2033.8-14.79%2036.8-38.59l1.75-13.89h.09l1.65-13.11a49.63%2049.63%200%200%200-32.94-6.3Z%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%22M256.41%2048.74c-114.85%200-208%2093.11-208%20208s93.12%20208%20208%20208s208-93.12%20208-208s-93.16-208-208-208M381.22%20252c-2.85%2032.63-16.78%2049.7-28%2058.26s-24.69%2012.34-36.33%2010.26a41.63%2041.63%200%200%201-27-17.52a60.84%2060.84%200%200%201-43.72%2017.9a51.65%2051.65%200%200%201-38.55-16.83c-11.39-12.42-17-30.36-15.33-49.23c3.05-35%2030.92-57.39%2056.87-61.48c27.21-4.29%2052.24%206.54%2062.91%2019.46l3.84%204.66l-6.34%2050.38c-1.19%2014.34%203.29%2023.48%2012.29%2025.1c2.39.42%208.11-.13%2014.38-4.93c6.72-5.15%2015.14-16%2017.1-38.47c2.32-26.55-4.35-49.19-19.28-65.49c-15.5-16.9-39.1-25.84-68.24-25.84c-54%200-101.81%2044.43-106.57%2099c-2.29%2026.2%205.66%2050.68%2022.39%2068.93C198%20344%20221%20353.88%20246.29%20353.88c19%200%2030.61-2.05%2049.49-8.78l13.22-4.69l9.39%2026.37l-13.19%204.7c-21.82%207.77-36.68%2010.4-58.88%2010.4c-33.28%200-63.57-13.06-85.3-36.77c-22.09-24.11-32.62-56.17-29.65-90.29c2.91-33.33%2018.46-64.63%2043.77-88.12s57.57-36.49%2090.7-36.49c37.2%200%2067.94%2012.08%2088.88%2034.93c20.05%2021.91%2029.48%2052.75%2026.5%2086.86%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M253.51%20221c-14.83%202.33-31.55%2015.84-33.34%2036.26c-1%2011.06%202%2021.22%208.08%2027.87a23.63%2023.63%200%200%200%2017.91%207.75c19.7%200%2033.8-14.79%2036.8-38.59l1.75-13.89h.09l1.65-13.11a49.63%2049.63%200%200%200-32.94-6.3Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

At Circle sharp icon — IonIcons · IconsDB