question circle icon

question-circle from Prime Icons by PrimeTek · Regular · MIT Free for personal and commercial use.

Name: question-circle
Set: Prime Icons
Style: Regular
Viewbox: 24×24
License: MIT

The same icon in other sets

Use the question circle icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3c-4.96 0-9 4.04-9 9s4.04 9 9 9s9-4.04 9-9s-4.04-9-9-9m0 16.5c-4.14 0-7.5-3.36-7.5-7.5S7.86 4.5 12 4.5s7.5 3.36 7.5 7.5s-3.36 7.5-7.5 7.5m2.3-11.8c.61.61.95 1.43.95 2.3s-.34 1.68-.95 2.3c-.43.43-.97.73-1.55.86v.34c0 .41-.34.75-.75.75s-.75-.34-.75-.75v-1c0-.41.34-.75.75-.75A1.74 1.74 0 0 0 13.75 10c0-.47-.18-.91-.51-1.24c-.66-.66-1.81-.66-2.47 0c-.33.33-.51.77-.51 1.24c0 .41-.34.75-.75.75s-.75-.34-.75-.75c0-.87.34-1.68.95-2.3c1.23-1.23 3.37-1.23 4.6 0ZM13 16.25c0 .55-.45 1-1 1s-1-.45-1-1s.45-1 1-1s1 .45 1 1"/></svg>

React

import type { SVGProps } from "react";

export function PrimeQuestionCircle(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3c-4.96 0-9 4.04-9 9s4.04 9 9 9s9-4.04 9-9s-4.04-9-9-9m0 16.5c-4.14 0-7.5-3.36-7.5-7.5S7.86 4.5 12 4.5s7.5 3.36 7.5 7.5s-3.36 7.5-7.5 7.5m2.3-11.8c.61.61.95 1.43.95 2.3s-.34 1.68-.95 2.3c-.43.43-.97.73-1.55.86v.34c0 .41-.34.75-.75.75s-.75-.34-.75-.75v-1c0-.41.34-.75.75-.75A1.74 1.74 0 0 0 13.75 10c0-.47-.18-.91-.51-1.24c-.66-.66-1.81-.66-2.47 0c-.33.33-.51.77-.51 1.24c0 .41-.34.75-.75.75s-.75-.34-.75-.75c0-.87.34-1.68.95-2.3c1.23-1.23 3.37-1.23 4.6 0ZM13 16.25c0 .55-.45 1-1 1s-1-.45-1-1s.45-1 1-1s1 .45 1 1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3c-4.96 0-9 4.04-9 9s4.04 9 9 9s9-4.04 9-9s-4.04-9-9-9m0 16.5c-4.14 0-7.5-3.36-7.5-7.5S7.86 4.5 12 4.5s7.5 3.36 7.5 7.5s-3.36 7.5-7.5 7.5m2.3-11.8c.61.61.95 1.43.95 2.3s-.34 1.68-.95 2.3c-.43.43-.97.73-1.55.86v.34c0 .41-.34.75-.75.75s-.75-.34-.75-.75v-1c0-.41.34-.75.75-.75A1.74 1.74 0 0 0 13.75 10c0-.47-.18-.91-.51-1.24c-.66-.66-1.81-.66-2.47 0c-.33.33-.51.77-.51 1.24c0 .41-.34.75-.75.75s-.75-.34-.75-.75c0-.87.34-1.68.95-2.3c1.23-1.23 3.37-1.23 4.6 0ZM13 16.25c0 .55-.45 1-1 1s-1-.45-1-1s.45-1 1-1s1 .45 1 1"/></svg>
</template>

CSS

.icon-question-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%203c-4.96%200-9%204.04-9%209s4.04%209%209%209s9-4.04%209-9s-4.04-9-9-9m0%2016.5c-4.14%200-7.5-3.36-7.5-7.5S7.86%204.5%2012%204.5s7.5%203.36%207.5%207.5s-3.36%207.5-7.5%207.5m2.3-11.8c.61.61.95%201.43.95%202.3s-.34%201.68-.95%202.3c-.43.43-.97.73-1.55.86v.34c0%20.41-.34.75-.75.75s-.75-.34-.75-.75v-1c0-.41.34-.75.75-.75A1.74%201.74%200%200%200%2013.75%2010c0-.47-.18-.91-.51-1.24c-.66-.66-1.81-.66-2.47%200c-.33.33-.51.77-.51%201.24c0%20.41-.34.75-.75.75s-.75-.34-.75-.75c0-.87.34-1.68.95-2.3c1.23-1.23%203.37-1.23%204.6%200ZM13%2016.25c0%20.55-.45%201-1%201s-1-.45-1-1s.45-1%201-1s1%20.45%201%201%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%203c-4.96%200-9%204.04-9%209s4.04%209%209%209s9-4.04%209-9s-4.04-9-9-9m0%2016.5c-4.14%200-7.5-3.36-7.5-7.5S7.86%204.5%2012%204.5s7.5%203.36%207.5%207.5s-3.36%207.5-7.5%207.5m2.3-11.8c.61.61.95%201.43.95%202.3s-.34%201.68-.95%202.3c-.43.43-.97.73-1.55.86v.34c0%20.41-.34.75-.75.75s-.75-.34-.75-.75v-1c0-.41.34-.75.75-.75A1.74%201.74%200%200%200%2013.75%2010c0-.47-.18-.91-.51-1.24c-.66-.66-1.81-.66-2.47%200c-.33.33-.51.77-.51%201.24c0%20.41-.34.75-.75.75s-.75-.34-.75-.75c0-.87.34-1.68.95-2.3c1.23-1.23%203.37-1.23%204.6%200ZM13%2016.25c0%20.55-.45%201-1%201s-1-.45-1-1s.45-1%201-1s1%20.45%201%201%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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