question mark icon

question-mark-outline from Solar by 480 Design · Outline · UI · CC-BY-4.0 Attribution required.

Name
question-mark-outline
Set
Solar
Style
Outline
Category
UI
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

The same icon in other sets

More ui icons from Solar

Use the question mark icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.625 16.75V13.8857C12.625 13.0189 13.0097 12.2908 13.5039 11.7188C13.9952 11.1501 14.6277 10.6954 15.2227 10.3496C16.2924 9.72801 17 8.5898 17 7.29688C17 5.35067 15.3898 3.75 13.375 3.75C11.3602 3.75002 9.75002 5.35068 9.75 7.29688C9.75 7.71109 9.41421 8.04688 9 8.04688C8.58579 8.04688 8.25 7.71109 8.25 7.29688C8.25002 4.49689 10.5573 2.25002 13.375 2.25C16.1927 2.25 18.5 4.49688 18.5 7.29688C18.5 9.15476 17.4813 10.7721 15.9766 11.6465C15.4625 11.9452 14.9823 12.3015 14.6387 12.6992C14.2981 13.0935 14.125 13.4871 14.125 13.8857V16.75C14.125 17.1642 13.7892 17.5 13.375 17.5C12.9608 17.5 12.625 17.1642 12.625 16.75Z"/><path d="M13 22.25C13.4142 22.25 13.75 22.5858 13.75 23C13.75 23.4142 13.4142 23.75 13 23.75C12.5858 23.75 12.25 23.4142 12.25 23C12.25 22.5858 12.5858 22.25 13 22.25Z"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarQuestionMarkOutline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.625 16.75V13.8857C12.625 13.0189 13.0097 12.2908 13.5039 11.7188C13.9952 11.1501 14.6277 10.6954 15.2227 10.3496C16.2924 9.72801 17 8.5898 17 7.29688C17 5.35067 15.3898 3.75 13.375 3.75C11.3602 3.75002 9.75002 5.35068 9.75 7.29688C9.75 7.71109 9.41421 8.04688 9 8.04688C8.58579 8.04688 8.25 7.71109 8.25 7.29688C8.25002 4.49689 10.5573 2.25002 13.375 2.25C16.1927 2.25 18.5 4.49688 18.5 7.29688C18.5 9.15476 17.4813 10.7721 15.9766 11.6465C15.4625 11.9452 14.9823 12.3015 14.6387 12.6992C14.2981 13.0935 14.125 13.4871 14.125 13.8857V16.75C14.125 17.1642 13.7892 17.5 13.375 17.5C12.9608 17.5 12.625 17.1642 12.625 16.75Z"/><path d="M13 22.25C13.4142 22.25 13.75 22.5858 13.75 23C13.75 23.4142 13.4142 23.75 13 23.75C12.5858 23.75 12.25 23.4142 12.25 23C12.25 22.5858 12.5858 22.25 13 22.25Z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.625 16.75V13.8857C12.625 13.0189 13.0097 12.2908 13.5039 11.7188C13.9952 11.1501 14.6277 10.6954 15.2227 10.3496C16.2924 9.72801 17 8.5898 17 7.29688C17 5.35067 15.3898 3.75 13.375 3.75C11.3602 3.75002 9.75002 5.35068 9.75 7.29688C9.75 7.71109 9.41421 8.04688 9 8.04688C8.58579 8.04688 8.25 7.71109 8.25 7.29688C8.25002 4.49689 10.5573 2.25002 13.375 2.25C16.1927 2.25 18.5 4.49688 18.5 7.29688C18.5 9.15476 17.4813 10.7721 15.9766 11.6465C15.4625 11.9452 14.9823 12.3015 14.6387 12.6992C14.2981 13.0935 14.125 13.4871 14.125 13.8857V16.75C14.125 17.1642 13.7892 17.5 13.375 17.5C12.9608 17.5 12.625 17.1642 12.625 16.75Z"/><path d="M13 22.25C13.4142 22.25 13.75 22.5858 13.75 23C13.75 23.4142 13.4142 23.75 13 23.75C12.5858 23.75 12.25 23.4142 12.25 23C12.25 22.5858 12.5858 22.25 13 22.25Z"/></g></svg>
</template>

CSS

.icon-question-mark-outline {
  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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12.625%2016.75V13.8857C12.625%2013.0189%2013.0097%2012.2908%2013.5039%2011.7188C13.9952%2011.1501%2014.6277%2010.6954%2015.2227%2010.3496C16.2924%209.72801%2017%208.5898%2017%207.29688C17%205.35067%2015.3898%203.75%2013.375%203.75C11.3602%203.75002%209.75002%205.35068%209.75%207.29688C9.75%207.71109%209.41421%208.04688%209%208.04688C8.58579%208.04688%208.25%207.71109%208.25%207.29688C8.25002%204.49689%2010.5573%202.25002%2013.375%202.25C16.1927%202.25%2018.5%204.49688%2018.5%207.29688C18.5%209.15476%2017.4813%2010.7721%2015.9766%2011.6465C15.4625%2011.9452%2014.9823%2012.3015%2014.6387%2012.6992C14.2981%2013.0935%2014.125%2013.4871%2014.125%2013.8857V16.75C14.125%2017.1642%2013.7892%2017.5%2013.375%2017.5C12.9608%2017.5%2012.625%2017.1642%2012.625%2016.75Z%22%2F%3E%3Cpath%20d%3D%22M13%2022.25C13.4142%2022.25%2013.75%2022.5858%2013.75%2023C13.75%2023.4142%2013.4142%2023.75%2013%2023.75C12.5858%2023.75%2012.25%2023.4142%2012.25%2023C12.25%2022.5858%2012.5858%2022.25%2013%2022.25Z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12.625%2016.75V13.8857C12.625%2013.0189%2013.0097%2012.2908%2013.5039%2011.7188C13.9952%2011.1501%2014.6277%2010.6954%2015.2227%2010.3496C16.2924%209.72801%2017%208.5898%2017%207.29688C17%205.35067%2015.3898%203.75%2013.375%203.75C11.3602%203.75002%209.75002%205.35068%209.75%207.29688C9.75%207.71109%209.41421%208.04688%209%208.04688C8.58579%208.04688%208.25%207.71109%208.25%207.29688C8.25002%204.49689%2010.5573%202.25002%2013.375%202.25C16.1927%202.25%2018.5%204.49688%2018.5%207.29688C18.5%209.15476%2017.4813%2010.7721%2015.9766%2011.6465C15.4625%2011.9452%2014.9823%2012.3015%2014.6387%2012.6992C14.2981%2013.0935%2014.125%2013.4871%2014.125%2013.8857V16.75C14.125%2017.1642%2013.7892%2017.5%2013.375%2017.5C12.9608%2017.5%2012.625%2017.1642%2012.625%2016.75Z%22%2F%3E%3Cpath%20d%3D%22M13%2022.25C13.4142%2022.25%2013.75%2022.5858%2013.75%2023C13.75%2023.4142%2013.4142%2023.75%2013%2023.75C12.5858%2023.75%2012.25%2023.4142%2012.25%2023C12.25%2022.5858%2012.5858%2022.25%2013%2022.25Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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