question icon

question from Font Awesome Solid by Dave Gandy · Solid · Interfaces · CC-BY-4.0 Attribution required.

Name: question
Set: Font Awesome Solid
Style: Solid
Category: Interfaces
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

questionAkar Icons question-outlinedAnt Design Icons questionBootstrap Icons questionCodicons questionFramework7 Icons questionFont Awesome 6 Solid question-16-filledFluent UI System Icons questionHealth Icons questionHuge Icons questionLine Awesome questionMaterial Line Icons question-fillMingCute Icon questionMyna UI Icons questionOcticons questionPhosphor questionPrime Icons question-fillRemix Icon question-outlineTeenyicons questionUnicons

More interfaces icons from Font Awesome Solid

Use the question icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M224 224c0-53 43-96 96-96s96 43 96 96c0 42.7-27.9 78.9-66.5 91.4c-28.4 9.2-61.5 35.3-61.5 76.6v24c0 17.7 14.3 32 32 32s32-14.3 32-32v-24c0-1.7.6-4.1 3.5-7.3c3-3.3 7.9-6.5 13.7-8.4C433.5 355.6 480 295.3 480 224c0-88.4-71.6-160-160-160s-160 71.6-160 160c0 17.7 14.3 32 32 32s32-14.3 32-32m96 352c22.1 0 40-17.9 40-40s-17.9-40-40-40s-40 17.9-40 40s17.9 40 40 40"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidQuestion(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M224 224c0-53 43-96 96-96s96 43 96 96c0 42.7-27.9 78.9-66.5 91.4c-28.4 9.2-61.5 35.3-61.5 76.6v24c0 17.7 14.3 32 32 32s32-14.3 32-32v-24c0-1.7.6-4.1 3.5-7.3c3-3.3 7.9-6.5 13.7-8.4C433.5 355.6 480 295.3 480 224c0-88.4-71.6-160-160-160s-160 71.6-160 160c0 17.7 14.3 32 32 32s32-14.3 32-32m96 352c22.1 0 40-17.9 40-40s-17.9-40-40-40s-40 17.9-40 40s17.9 40 40 40"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M224 224c0-53 43-96 96-96s96 43 96 96c0 42.7-27.9 78.9-66.5 91.4c-28.4 9.2-61.5 35.3-61.5 76.6v24c0 17.7 14.3 32 32 32s32-14.3 32-32v-24c0-1.7.6-4.1 3.5-7.3c3-3.3 7.9-6.5 13.7-8.4C433.5 355.6 480 295.3 480 224c0-88.4-71.6-160-160-160s-160 71.6-160 160c0 17.7 14.3 32 32 32s32-14.3 32-32m96 352c22.1 0 40-17.9 40-40s-17.9-40-40-40s-40 17.9-40 40s17.9 40 40 40"/></svg>
</template>

CSS

.icon-question {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M224%20224c0-53%2043-96%2096-96s96%2043%2096%2096c0%2042.7-27.9%2078.9-66.5%2091.4c-28.4%209.2-61.5%2035.3-61.5%2076.6v24c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32v-24c0-1.7.6-4.1%203.5-7.3c3-3.3%207.9-6.5%2013.7-8.4C433.5%20355.6%20480%20295.3%20480%20224c0-88.4-71.6-160-160-160s-160%2071.6-160%20160c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32m96%20352c22.1%200%2040-17.9%2040-40s-17.9-40-40-40s-40%2017.9-40%2040s17.9%2040%2040%2040%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M224%20224c0-53%2043-96%2096-96s96%2043%2096%2096c0%2042.7-27.9%2078.9-66.5%2091.4c-28.4%209.2-61.5%2035.3-61.5%2076.6v24c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32v-24c0-1.7.6-4.1%203.5-7.3c3-3.3%207.9-6.5%2013.7-8.4C433.5%20355.6%20480%20295.3%20480%20224c0-88.4-71.6-160-160-160s-160%2071.6-160%20160c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32m96%20352c22.1%200%2040-17.9%2040-40s-17.9-40-40-40s-40%2017.9-40%2040s17.9%2040%2040%2040%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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