question icon
question from Line Awesome by Icons8 · Line · Status · Apache-2.0 Free for personal and commercial use.
- Name
- question
- Set
- Line Awesome
- Style
- Line
- Category
- Status
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- question-solid
The same icon in other sets
questionAkar Iconsquestion-outlinedAnt Design IconsquestionBootstrap IconsquestionCodiconsquestionFramework7 IconsquestionFont Awesome 6 SolidquestionFont Awesome Solidquestion-16-filledFluent UI System IconsquestionHealth IconsquestionHuge IconsquestionMaterial Line Iconsquestion-fillMingCute IconquestionMyna UI IconsquestionOcticonsquestionPhosphorquestionPrime Iconsquestion-fillRemix Iconquestion-outlineTeenyiconsquestionUnicons
More status icons from Line Awesome
banbattery-emptybattery-fullbattery-halfbattery-quarterbattery-three-quartersbellbell-slashbell-slash-solidbell-solidcalendarcalendar-altcalendar-alt-solidcalendar-checkcalendar-check-solidcalendar-daycalendar-minuscalendar-minus-solidcalendar-pluscalendar-plus-solidcalendar-solidcalendar-timescalendar-times-solidcalendar-week
Use the question icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 4c-4.328 0-8 3.055-8 7v3h6v-3c0-.148.09-.363.438-.594c.347-.23.914-.406 1.562-.406c.652 0 1.219.176 1.563.406s.437.43.437.594c0 .578-.188.98-.563 1.438s-.957.93-1.593 1.468C14.566 14.988 13 16.496 13 19v1h6v-1c0-.34.125-.578.5-.969c.375-.39.996-.851 1.656-1.406C22.476 15.515 24 13.816 24 11c0-3.91-3.664-7-8-7m0 2c3.395 0 6 2.367 6 5c0 2.145-.977 3.102-2.156 4.094c-.59.496-1.219.98-1.782 1.562c-.347.36-.617.828-.812 1.344h-1.938c.313-1.012.922-1.781 1.844-2.563c.614-.515 1.282-1.054 1.844-1.75c.563-.695 1-1.605 1-2.687c0-.96-.57-1.758-1.313-2.25C17.945 8.258 17.005 8 16 8c-1.008 0-1.95.258-2.688.75C12.575 9.242 12 10.043 12 11v1h-2v-1c0-2.684 2.598-5 6-5m-3 16v6h6v-6zm2 2h2v2h-2z"/></svg>
React
import type { SVGProps } from "react";
export function LaQuestion(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 4c-4.328 0-8 3.055-8 7v3h6v-3c0-.148.09-.363.438-.594c.347-.23.914-.406 1.562-.406c.652 0 1.219.176 1.563.406s.437.43.437.594c0 .578-.188.98-.563 1.438s-.957.93-1.593 1.468C14.566 14.988 13 16.496 13 19v1h6v-1c0-.34.125-.578.5-.969c.375-.39.996-.851 1.656-1.406C22.476 15.515 24 13.816 24 11c0-3.91-3.664-7-8-7m0 2c3.395 0 6 2.367 6 5c0 2.145-.977 3.102-2.156 4.094c-.59.496-1.219.98-1.782 1.562c-.347.36-.617.828-.812 1.344h-1.938c.313-1.012.922-1.781 1.844-2.563c.614-.515 1.282-1.054 1.844-1.75c.563-.695 1-1.605 1-2.687c0-.96-.57-1.758-1.313-2.25C17.945 8.258 17.005 8 16 8c-1.008 0-1.95.258-2.688.75C12.575 9.242 12 10.043 12 11v1h-2v-1c0-2.684 2.598-5 6-5m-3 16v6h6v-6zm2 2h2v2h-2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 4c-4.328 0-8 3.055-8 7v3h6v-3c0-.148.09-.363.438-.594c.347-.23.914-.406 1.562-.406c.652 0 1.219.176 1.563.406s.437.43.437.594c0 .578-.188.98-.563 1.438s-.957.93-1.593 1.468C14.566 14.988 13 16.496 13 19v1h6v-1c0-.34.125-.578.5-.969c.375-.39.996-.851 1.656-1.406C22.476 15.515 24 13.816 24 11c0-3.91-3.664-7-8-7m0 2c3.395 0 6 2.367 6 5c0 2.145-.977 3.102-2.156 4.094c-.59.496-1.219.98-1.782 1.562c-.347.36-.617.828-.812 1.344h-1.938c.313-1.012.922-1.781 1.844-2.563c.614-.515 1.282-1.054 1.844-1.75c.563-.695 1-1.605 1-2.687c0-.96-.57-1.758-1.313-2.25C17.945 8.258 17.005 8 16 8c-1.008 0-1.95.258-2.688.75C12.575 9.242 12 10.043 12 11v1h-2v-1c0-2.684 2.598-5 6-5m-3 16v6h6v-6zm2 2h2v2h-2z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%204c-4.328%200-8%203.055-8%207v3h6v-3c0-.148.09-.363.438-.594c.347-.23.914-.406%201.562-.406c.652%200%201.219.176%201.563.406s.437.43.437.594c0%20.578-.188.98-.563%201.438s-.957.93-1.593%201.468C14.566%2014.988%2013%2016.496%2013%2019v1h6v-1c0-.34.125-.578.5-.969c.375-.39.996-.851%201.656-1.406C22.476%2015.515%2024%2013.816%2024%2011c0-3.91-3.664-7-8-7m0%202c3.395%200%206%202.367%206%205c0%202.145-.977%203.102-2.156%204.094c-.59.496-1.219.98-1.782%201.562c-.347.36-.617.828-.812%201.344h-1.938c.313-1.012.922-1.781%201.844-2.563c.614-.515%201.282-1.054%201.844-1.75c.563-.695%201-1.605%201-2.687c0-.96-.57-1.758-1.313-2.25C17.945%208.258%2017.005%208%2016%208c-1.008%200-1.95.258-2.688.75C12.575%209.242%2012%2010.043%2012%2011v1h-2v-1c0-2.684%202.598-5%206-5m-3%2016v6h6v-6zm2%202h2v2h-2z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%204c-4.328%200-8%203.055-8%207v3h6v-3c0-.148.09-.363.438-.594c.347-.23.914-.406%201.562-.406c.652%200%201.219.176%201.563.406s.437.43.437.594c0%20.578-.188.98-.563%201.438s-.957.93-1.593%201.468C14.566%2014.988%2013%2016.496%2013%2019v1h6v-1c0-.34.125-.578.5-.969c.375-.39.996-.851%201.656-1.406C22.476%2015.515%2024%2013.816%2024%2011c0-3.91-3.664-7-8-7m0%202c3.395%200%206%202.367%206%205c0%202.145-.977%203.102-2.156%204.094c-.59.496-1.219.98-1.782%201.562c-.347.36-.617.828-.812%201.344h-1.938c.313-1.012.922-1.781%201.844-2.563c.614-.515%201.282-1.054%201.844-1.75c.563-.695%201-1.605%201-2.687c0-.96-.57-1.758-1.313-2.25C17.945%208.258%2017.005%208%2016%208c-1.008%200-1.95.258-2.688.75C12.575%209.242%2012%2010.043%2012%2011v1h-2v-1c0-2.684%202.598-5%206-5m-3%2016v6h6v-6zm2%202h2v2h-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/question.svg?color=%231a73e8&size=48
