help circle icon

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

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

2 other variants in IonIcons

The same icon in other sets

help-circleBoxIcons v2 help-circleBoxIcons v2 Solid help-circleFeather Icons help-circleHuge Icons help-circleIconoir help-circleMaterial Design Icons help-circleTabler Icons

Related icons in IonIcons

help-buoy help-circled

Use the help circle icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="none" d="M288.55 150.84c-8.09-3.86-20-6-32.72-5.82c-18 .22-33.13 5.2-45 14.78c-23 18.48-24.55 40.37-24.77 42.8a61.7 61.7 0 0 0-.09 12a3 3 0 0 0 3 2.69h21.23a3 3 0 0 0 3-3A66 66 0 0 1 214 204c0-.11 1.14-11.7 14.36-22.34c7-5.64 16.11-8.44 27.83-8.59c9.32-.11 16.93 1.47 20.34 3.09C291 183 298 192.31 298 204.57c0 18-10.9 26.23-30.18 39.18C247.08 257.68 237 275.1 237 297v11a3 3 0 0 0 3 3h22a3 3 0 0 0 3-3v-11c0-9.16 2.23-19.13 18.44-30c19.95-13.41 42.56-28.6 42.56-62.43c0-23.14-13.3-42.23-37.45-53.73"/><path fill="currentColor" d="M256 64C150 64 64 150 64 256s86 192 192 192s192-86 192-192S362 64 256 64m10.44 302h-30.21a2.57 2.57 0 0 1-2.56-2.57v-30.2a2.57 2.57 0 0 1 2.56-2.57h30.21a2.57 2.57 0 0 1 2.56 2.57v30.2a2.57 2.57 0 0 1-2.56 2.57m17-99C267.23 277.88 265 287.85 265 297v11a3 3 0 0 1-3 3h-22a3 3 0 0 1-3-3v-11c0-21.91 10.08-39.33 30.82-53.26C287.1 230.8 298 222.6 298 204.57c0-12.26-7-21.57-21.49-28.46c-3.41-1.62-11-3.2-20.34-3.09c-11.72.15-20.82 2.95-27.83 8.59C215.12 192.25 214 203.84 214 204a66 66 0 0 0-.84 10.28a3 3 0 0 1-3 3h-21.25a3 3 0 0 1-3-2.69a61.7 61.7 0 0 1 .09-12c.22-2.43 1.8-24.32 24.77-42.8c11.91-9.58 27.06-14.56 45-14.78c12.7-.15 24.63 2 32.72 5.82c24.21 11.51 37.51 30.6 37.51 53.74c0 33.83-22.61 49.02-42.56 62.43"/></svg>

React

import type { SVGProps } from "react";

export function IonHelpCircleSharp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="none" d="M288.55 150.84c-8.09-3.86-20-6-32.72-5.82c-18 .22-33.13 5.2-45 14.78c-23 18.48-24.55 40.37-24.77 42.8a61.7 61.7 0 0 0-.09 12a3 3 0 0 0 3 2.69h21.23a3 3 0 0 0 3-3A66 66 0 0 1 214 204c0-.11 1.14-11.7 14.36-22.34c7-5.64 16.11-8.44 27.83-8.59c9.32-.11 16.93 1.47 20.34 3.09C291 183 298 192.31 298 204.57c0 18-10.9 26.23-30.18 39.18C247.08 257.68 237 275.1 237 297v11a3 3 0 0 0 3 3h22a3 3 0 0 0 3-3v-11c0-9.16 2.23-19.13 18.44-30c19.95-13.41 42.56-28.6 42.56-62.43c0-23.14-13.3-42.23-37.45-53.73"/><path fill="currentColor" d="M256 64C150 64 64 150 64 256s86 192 192 192s192-86 192-192S362 64 256 64m10.44 302h-30.21a2.57 2.57 0 0 1-2.56-2.57v-30.2a2.57 2.57 0 0 1 2.56-2.57h30.21a2.57 2.57 0 0 1 2.56 2.57v30.2a2.57 2.57 0 0 1-2.56 2.57m17-99C267.23 277.88 265 287.85 265 297v11a3 3 0 0 1-3 3h-22a3 3 0 0 1-3-3v-11c0-21.91 10.08-39.33 30.82-53.26C287.1 230.8 298 222.6 298 204.57c0-12.26-7-21.57-21.49-28.46c-3.41-1.62-11-3.2-20.34-3.09c-11.72.15-20.82 2.95-27.83 8.59C215.12 192.25 214 203.84 214 204a66 66 0 0 0-.84 10.28a3 3 0 0 1-3 3h-21.25a3 3 0 0 1-3-2.69a61.7 61.7 0 0 1 .09-12c.22-2.43 1.8-24.32 24.77-42.8c11.91-9.58 27.06-14.56 45-14.78c12.7-.15 24.63 2 32.72 5.82c24.21 11.51 37.51 30.6 37.51 53.74c0 33.83-22.61 49.02-42.56 62.43"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="none" d="M288.55 150.84c-8.09-3.86-20-6-32.72-5.82c-18 .22-33.13 5.2-45 14.78c-23 18.48-24.55 40.37-24.77 42.8a61.7 61.7 0 0 0-.09 12a3 3 0 0 0 3 2.69h21.23a3 3 0 0 0 3-3A66 66 0 0 1 214 204c0-.11 1.14-11.7 14.36-22.34c7-5.64 16.11-8.44 27.83-8.59c9.32-.11 16.93 1.47 20.34 3.09C291 183 298 192.31 298 204.57c0 18-10.9 26.23-30.18 39.18C247.08 257.68 237 275.1 237 297v11a3 3 0 0 0 3 3h22a3 3 0 0 0 3-3v-11c0-9.16 2.23-19.13 18.44-30c19.95-13.41 42.56-28.6 42.56-62.43c0-23.14-13.3-42.23-37.45-53.73"/><path fill="currentColor" d="M256 64C150 64 64 150 64 256s86 192 192 192s192-86 192-192S362 64 256 64m10.44 302h-30.21a2.57 2.57 0 0 1-2.56-2.57v-30.2a2.57 2.57 0 0 1 2.56-2.57h30.21a2.57 2.57 0 0 1 2.56 2.57v30.2a2.57 2.57 0 0 1-2.56 2.57m17-99C267.23 277.88 265 287.85 265 297v11a3 3 0 0 1-3 3h-22a3 3 0 0 1-3-3v-11c0-21.91 10.08-39.33 30.82-53.26C287.1 230.8 298 222.6 298 204.57c0-12.26-7-21.57-21.49-28.46c-3.41-1.62-11-3.2-20.34-3.09c-11.72.15-20.82 2.95-27.83 8.59C215.12 192.25 214 203.84 214 204a66 66 0 0 0-.84 10.28a3 3 0 0 1-3 3h-21.25a3 3 0 0 1-3-2.69a61.7 61.7 0 0 1 .09-12c.22-2.43 1.8-24.32 24.77-42.8c11.91-9.58 27.06-14.56 45-14.78c12.7-.15 24.63 2 32.72 5.82c24.21 11.51 37.51 30.6 37.51 53.74c0 33.83-22.61 49.02-42.56 62.43"/></svg>
</template>

CSS

.icon-help-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%22none%22%20d%3D%22M288.55%20150.84c-8.09-3.86-20-6-32.72-5.82c-18%20.22-33.13%205.2-45%2014.78c-23%2018.48-24.55%2040.37-24.77%2042.8a61.7%2061.7%200%200%200-.09%2012a3%203%200%200%200%203%202.69h21.23a3%203%200%200%200%203-3A66%2066%200%200%201%20214%20204c0-.11%201.14-11.7%2014.36-22.34c7-5.64%2016.11-8.44%2027.83-8.59c9.32-.11%2016.93%201.47%2020.34%203.09C291%20183%20298%20192.31%20298%20204.57c0%2018-10.9%2026.23-30.18%2039.18C247.08%20257.68%20237%20275.1%20237%20297v11a3%203%200%200%200%203%203h22a3%203%200%200%200%203-3v-11c0-9.16%202.23-19.13%2018.44-30c19.95-13.41%2042.56-28.6%2042.56-62.43c0-23.14-13.3-42.23-37.45-53.73%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%2064C150%2064%2064%20150%2064%20256s86%20192%20192%20192s192-86%20192-192S362%2064%20256%2064m10.44%20302h-30.21a2.57%202.57%200%200%201-2.56-2.57v-30.2a2.57%202.57%200%200%201%202.56-2.57h30.21a2.57%202.57%200%200%201%202.56%202.57v30.2a2.57%202.57%200%200%201-2.56%202.57m17-99C267.23%20277.88%20265%20287.85%20265%20297v11a3%203%200%200%201-3%203h-22a3%203%200%200%201-3-3v-11c0-21.91%2010.08-39.33%2030.82-53.26C287.1%20230.8%20298%20222.6%20298%20204.57c0-12.26-7-21.57-21.49-28.46c-3.41-1.62-11-3.2-20.34-3.09c-11.72.15-20.82%202.95-27.83%208.59C215.12%20192.25%20214%20203.84%20214%20204a66%2066%200%200%200-.84%2010.28a3%203%200%200%201-3%203h-21.25a3%203%200%200%201-3-2.69a61.7%2061.7%200%200%201%20.09-12c.22-2.43%201.8-24.32%2024.77-42.8c11.91-9.58%2027.06-14.56%2045-14.78c12.7-.15%2024.63%202%2032.72%205.82c24.21%2011.51%2037.51%2030.6%2037.51%2053.74c0%2033.83-22.61%2049.02-42.56%2062.43%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%22none%22%20d%3D%22M288.55%20150.84c-8.09-3.86-20-6-32.72-5.82c-18%20.22-33.13%205.2-45%2014.78c-23%2018.48-24.55%2040.37-24.77%2042.8a61.7%2061.7%200%200%200-.09%2012a3%203%200%200%200%203%202.69h21.23a3%203%200%200%200%203-3A66%2066%200%200%201%20214%20204c0-.11%201.14-11.7%2014.36-22.34c7-5.64%2016.11-8.44%2027.83-8.59c9.32-.11%2016.93%201.47%2020.34%203.09C291%20183%20298%20192.31%20298%20204.57c0%2018-10.9%2026.23-30.18%2039.18C247.08%20257.68%20237%20275.1%20237%20297v11a3%203%200%200%200%203%203h22a3%203%200%200%200%203-3v-11c0-9.16%202.23-19.13%2018.44-30c19.95-13.41%2042.56-28.6%2042.56-62.43c0-23.14-13.3-42.23-37.45-53.73%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%2064C150%2064%2064%20150%2064%20256s86%20192%20192%20192s192-86%20192-192S362%2064%20256%2064m10.44%20302h-30.21a2.57%202.57%200%200%201-2.56-2.57v-30.2a2.57%202.57%200%200%201%202.56-2.57h30.21a2.57%202.57%200%200%201%202.56%202.57v30.2a2.57%202.57%200%200%201-2.56%202.57m17-99C267.23%20277.88%20265%20287.85%20265%20297v11a3%203%200%200%201-3%203h-22a3%203%200%200%201-3-3v-11c0-21.91%2010.08-39.33%2030.82-53.26C287.1%20230.8%20298%20222.6%20298%20204.57c0-12.26-7-21.57-21.49-28.46c-3.41-1.62-11-3.2-20.34-3.09c-11.72.15-20.82%202.95-27.83%208.59C215.12%20192.25%20214%20203.84%20214%20204a66%2066%200%200%200-.84%2010.28a3%203%200%200%201-3%203h-21.25a3%203%200%200%201-3-2.69a61.7%2061.7%200%200%201%20.09-12c.22-2.43%201.8-24.32%2024.77-42.8c11.91-9.58%2027.06-14.56%2045-14.78c12.7-.15%2024.63%202%2032.72%205.82c24.21%2011.51%2037.51%2030.6%2037.51%2053.74c0%2033.83-22.61%2049.02-42.56%2062.43%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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