help circled icon

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

Name
help-circled
Set
IonIcons
Style
Regular
Viewbox
512×512
License
MIT

Related icons in IonIcons

help-buoyhelp-circle

Use the help circled icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32zm20.2 326.7c-.5 17.8-13.7 28.8-30.8 28.3-16.4-.5-29.3-12.2-28.8-30.1.5-17.8 14.1-29.1 30.5-28.6 17.2.5 29.7 12.6 29.1 30.4zm48.7-127.3c-4.2 5.9-13.6 13.5-25.4 22.7l-13.1 9c-6.4 4.9-10.4 10.7-12.5 17.3-1.1 3.5-1.9 12.6-2.1 18.7-.1 1.2-.8 3.9-4.5 3.9h-39.1c-4.1 0-4.6-2.4-4.5-3.6.6-16.6 3-30.3 9.9-41.3 9.3-14.8 35.5-30.4 35.5-30.4 4-3 7.1-6.2 9.5-9.7 4.4-6 8-12.7 8-19.9 0-8.3-2-16.2-7.3-22.8-6.2-7.7-12.9-11.4-25.8-11.4-12.7 0-20.1 6.4-25.4 14.8-5.3 8.4-4.4 18.3-4.4 27.3H175c0-34 8.9-55.7 27.7-68.5 12.7-8.7 28.9-12.5 47.8-12.5 24.8 0 44.5 4.6 61.9 17.8 16.1 12.2 24.6 29.4 24.6 52.6 0 14.3-5 26.3-12.1 36z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function IonHelpCircled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32zm20.2 326.7c-.5 17.8-13.7 28.8-30.8 28.3-16.4-.5-29.3-12.2-28.8-30.1.5-17.8 14.1-29.1 30.5-28.6 17.2.5 29.7 12.6 29.1 30.4zm48.7-127.3c-4.2 5.9-13.6 13.5-25.4 22.7l-13.1 9c-6.4 4.9-10.4 10.7-12.5 17.3-1.1 3.5-1.9 12.6-2.1 18.7-.1 1.2-.8 3.9-4.5 3.9h-39.1c-4.1 0-4.6-2.4-4.5-3.6.6-16.6 3-30.3 9.9-41.3 9.3-14.8 35.5-30.4 35.5-30.4 4-3 7.1-6.2 9.5-9.7 4.4-6 8-12.7 8-19.9 0-8.3-2-16.2-7.3-22.8-6.2-7.7-12.9-11.4-25.8-11.4-12.7 0-20.1 6.4-25.4 14.8-5.3 8.4-4.4 18.3-4.4 27.3H175c0-34 8.9-55.7 27.7-68.5 12.7-8.7 28.9-12.5 47.8-12.5 24.8 0 44.5 4.6 61.9 17.8 16.1 12.2 24.6 29.4 24.6 52.6 0 14.3-5 26.3-12.1 36z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32zm20.2 326.7c-.5 17.8-13.7 28.8-30.8 28.3-16.4-.5-29.3-12.2-28.8-30.1.5-17.8 14.1-29.1 30.5-28.6 17.2.5 29.7 12.6 29.1 30.4zm48.7-127.3c-4.2 5.9-13.6 13.5-25.4 22.7l-13.1 9c-6.4 4.9-10.4 10.7-12.5 17.3-1.1 3.5-1.9 12.6-2.1 18.7-.1 1.2-.8 3.9-4.5 3.9h-39.1c-4.1 0-4.6-2.4-4.5-3.6.6-16.6 3-30.3 9.9-41.3 9.3-14.8 35.5-30.4 35.5-30.4 4-3 7.1-6.2 9.5-9.7 4.4-6 8-12.7 8-19.9 0-8.3-2-16.2-7.3-22.8-6.2-7.7-12.9-11.4-25.8-11.4-12.7 0-20.1 6.4-25.4 14.8-5.3 8.4-4.4 18.3-4.4 27.3H175c0-34 8.9-55.7 27.7-68.5 12.7-8.7 28.9-12.5 47.8-12.5 24.8 0 44.5 4.6 61.9 17.8 16.1 12.2 24.6 29.4 24.6 52.6 0 14.3-5 26.3-12.1 36z" fill="currentColor"/></svg>
</template>

CSS

.icon-help-circled {
  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%20d%3D%22M256%2032C132.3%2032%2032%20132.3%2032%20256s100.3%20224%20224%20224%20224-100.3%20224-224S379.7%2032%20256%2032zm20.2%20326.7c-.5%2017.8-13.7%2028.8-30.8%2028.3-16.4-.5-29.3-12.2-28.8-30.1.5-17.8%2014.1-29.1%2030.5-28.6%2017.2.5%2029.7%2012.6%2029.1%2030.4zm48.7-127.3c-4.2%205.9-13.6%2013.5-25.4%2022.7l-13.1%209c-6.4%204.9-10.4%2010.7-12.5%2017.3-1.1%203.5-1.9%2012.6-2.1%2018.7-.1%201.2-.8%203.9-4.5%203.9h-39.1c-4.1%200-4.6-2.4-4.5-3.6.6-16.6%203-30.3%209.9-41.3%209.3-14.8%2035.5-30.4%2035.5-30.4%204-3%207.1-6.2%209.5-9.7%204.4-6%208-12.7%208-19.9%200-8.3-2-16.2-7.3-22.8-6.2-7.7-12.9-11.4-25.8-11.4-12.7%200-20.1%206.4-25.4%2014.8-5.3%208.4-4.4%2018.3-4.4%2027.3H175c0-34%208.9-55.7%2027.7-68.5%2012.7-8.7%2028.9-12.5%2047.8-12.5%2024.8%200%2044.5%204.6%2061.9%2017.8%2016.1%2012.2%2024.6%2029.4%2024.6%2052.6%200%2014.3-5%2026.3-12.1%2036z%22%20fill%3D%22currentColor%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%20d%3D%22M256%2032C132.3%2032%2032%20132.3%2032%20256s100.3%20224%20224%20224%20224-100.3%20224-224S379.7%2032%20256%2032zm20.2%20326.7c-.5%2017.8-13.7%2028.8-30.8%2028.3-16.4-.5-29.3-12.2-28.8-30.1.5-17.8%2014.1-29.1%2030.5-28.6%2017.2.5%2029.7%2012.6%2029.1%2030.4zm48.7-127.3c-4.2%205.9-13.6%2013.5-25.4%2022.7l-13.1%209c-6.4%204.9-10.4%2010.7-12.5%2017.3-1.1%203.5-1.9%2012.6-2.1%2018.7-.1%201.2-.8%203.9-4.5%203.9h-39.1c-4.1%200-4.6-2.4-4.5-3.6.6-16.6%203-30.3%209.9-41.3%209.3-14.8%2035.5-30.4%2035.5-30.4%204-3%207.1-6.2%209.5-9.7%204.4-6%208-12.7%208-19.9%200-8.3-2-16.2-7.3-22.8-6.2-7.7-12.9-11.4-25.8-11.4-12.7%200-20.1%206.4-25.4%2014.8-5.3%208.4-4.4%2018.3-4.4%2027.3H175c0-34%208.9-55.7%2027.7-68.5%2012.7-8.7%2028.9-12.5%2047.8-12.5%2024.8%200%2044.5%204.6%2061.9%2017.8%2016.1%2012.2%2024.6%2029.4%2024.6%2052.6%200%2014.3-5%2026.3-12.1%2036z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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