question icon

question-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.

Name
question-outlined
Set
Ant Design Icons
Style
Outlined
Viewbox
1024×1024
License
MIT
Aliases
question, question-outline

The same icon in other sets

questionAkar IconsquestionBootstrap IconsquestionCodiconsquestionFramework7 IconsquestionFont Awesome 6 SolidquestionFont Awesome Solidquestion-16-filledFluent UI System IconsquestionHealth IconsquestionHuge IconsquestionLine AwesomequestionMaterial Line Iconsquestion-fillMingCute IconquestionMyna UI IconsquestionOcticonsquestionPhosphorquestionPrime Iconsquestion-fillRemix Iconquestion-outlineTeenyiconsquestionUnicons

Related icons in Ant Design Icons

question-circle-filled

Use the question icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M764 280.9c-14-30.6-33.9-58.1-59.3-81.6C653.1 151.4 584.6 125 512 125s-141.1 26.4-192.7 74.2c-25.4 23.6-45.3 51-59.3 81.7c-14.6 32-22 65.9-22 100.9v27c0 6.2 5 11.2 11.2 11.2h54c6.2 0 11.2-5 11.2-11.2v-27c0-99.5 88.6-180.4 197.6-180.4s197.6 80.9 197.6 180.4c0 40.8-14.5 79.2-42 111.2c-27.2 31.7-65.6 54.4-108.1 64c-24.3 5.5-46.2 19.2-61.7 38.8a110.85 110.85 0 0 0-23.9 68.6v31.4c0 6.2 5 11.2 11.2 11.2h54c6.2 0 11.2-5 11.2-11.2v-31.4c0-15.7 10.9-29.5 26-32.9c58.4-13.2 111.4-44.7 149.3-88.7c19.1-22.3 34-47.1 44.3-74c10.7-27.9 16.1-57.2 16.1-87c0-35-7.4-69-22-100.9M512 787c-30.9 0-56 25.1-56 56s25.1 56 56 56s56-25.1 56-56s-25.1-56-56-56"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignQuestionOutlined(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M764 280.9c-14-30.6-33.9-58.1-59.3-81.6C653.1 151.4 584.6 125 512 125s-141.1 26.4-192.7 74.2c-25.4 23.6-45.3 51-59.3 81.7c-14.6 32-22 65.9-22 100.9v27c0 6.2 5 11.2 11.2 11.2h54c6.2 0 11.2-5 11.2-11.2v-27c0-99.5 88.6-180.4 197.6-180.4s197.6 80.9 197.6 180.4c0 40.8-14.5 79.2-42 111.2c-27.2 31.7-65.6 54.4-108.1 64c-24.3 5.5-46.2 19.2-61.7 38.8a110.85 110.85 0 0 0-23.9 68.6v31.4c0 6.2 5 11.2 11.2 11.2h54c6.2 0 11.2-5 11.2-11.2v-31.4c0-15.7 10.9-29.5 26-32.9c58.4-13.2 111.4-44.7 149.3-88.7c19.1-22.3 34-47.1 44.3-74c10.7-27.9 16.1-57.2 16.1-87c0-35-7.4-69-22-100.9M512 787c-30.9 0-56 25.1-56 56s25.1 56 56 56s56-25.1 56-56s-25.1-56-56-56"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M764 280.9c-14-30.6-33.9-58.1-59.3-81.6C653.1 151.4 584.6 125 512 125s-141.1 26.4-192.7 74.2c-25.4 23.6-45.3 51-59.3 81.7c-14.6 32-22 65.9-22 100.9v27c0 6.2 5 11.2 11.2 11.2h54c6.2 0 11.2-5 11.2-11.2v-27c0-99.5 88.6-180.4 197.6-180.4s197.6 80.9 197.6 180.4c0 40.8-14.5 79.2-42 111.2c-27.2 31.7-65.6 54.4-108.1 64c-24.3 5.5-46.2 19.2-61.7 38.8a110.85 110.85 0 0 0-23.9 68.6v31.4c0 6.2 5 11.2 11.2 11.2h54c6.2 0 11.2-5 11.2-11.2v-31.4c0-15.7 10.9-29.5 26-32.9c58.4-13.2 111.4-44.7 149.3-88.7c19.1-22.3 34-47.1 44.3-74c10.7-27.9 16.1-57.2 16.1-87c0-35-7.4-69-22-100.9M512 787c-30.9 0-56 25.1-56 56s25.1 56 56 56s56-25.1 56-56s-25.1-56-56-56"/></svg>
</template>

CSS

.icon-question-outlined {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M764%20280.9c-14-30.6-33.9-58.1-59.3-81.6C653.1%20151.4%20584.6%20125%20512%20125s-141.1%2026.4-192.7%2074.2c-25.4%2023.6-45.3%2051-59.3%2081.7c-14.6%2032-22%2065.9-22%20100.9v27c0%206.2%205%2011.2%2011.2%2011.2h54c6.2%200%2011.2-5%2011.2-11.2v-27c0-99.5%2088.6-180.4%20197.6-180.4s197.6%2080.9%20197.6%20180.4c0%2040.8-14.5%2079.2-42%20111.2c-27.2%2031.7-65.6%2054.4-108.1%2064c-24.3%205.5-46.2%2019.2-61.7%2038.8a110.85%20110.85%200%200%200-23.9%2068.6v31.4c0%206.2%205%2011.2%2011.2%2011.2h54c6.2%200%2011.2-5%2011.2-11.2v-31.4c0-15.7%2010.9-29.5%2026-32.9c58.4-13.2%20111.4-44.7%20149.3-88.7c19.1-22.3%2034-47.1%2044.3-74c10.7-27.9%2016.1-57.2%2016.1-87c0-35-7.4-69-22-100.9M512%20787c-30.9%200-56%2025.1-56%2056s25.1%2056%2056%2056s56-25.1%2056-56s-25.1-56-56-56%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M764%20280.9c-14-30.6-33.9-58.1-59.3-81.6C653.1%20151.4%20584.6%20125%20512%20125s-141.1%2026.4-192.7%2074.2c-25.4%2023.6-45.3%2051-59.3%2081.7c-14.6%2032-22%2065.9-22%20100.9v27c0%206.2%205%2011.2%2011.2%2011.2h54c6.2%200%2011.2-5%2011.2-11.2v-27c0-99.5%2088.6-180.4%20197.6-180.4s197.6%2080.9%20197.6%20180.4c0%2040.8-14.5%2079.2-42%20111.2c-27.2%2031.7-65.6%2054.4-108.1%2064c-24.3%205.5-46.2%2019.2-61.7%2038.8a110.85%20110.85%200%200%200-23.9%2068.6v31.4c0%206.2%205%2011.2%2011.2%2011.2h54c6.2%200%2011.2-5%2011.2-11.2v-31.4c0-15.7%2010.9-29.5%2026-32.9c58.4-13.2%20111.4-44.7%20149.3-88.7c19.1-22.3%2034-47.1%2044.3-74c10.7-27.9%2016.1-57.2%2016.1-87c0-35-7.4-69-22-100.9M512%20787c-30.9%200-56%2025.1-56%2056s25.1%2056%2056%2056s56-25.1%2056-56s-25.1-56-56-56%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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