question icon
question from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- question
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
The same icon in other sets
questionAkar Iconsquestion-outlinedAnt Design IconsquestionBootstrap IconsquestionCodiconsquestionFont 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 Framework7 Icons
Use the question icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M26.887 37.504c1.617 0 2.367-1.125 2.367-2.625v-.797c.047-3.094 1.172-4.383 4.922-6.96c4.008-2.72 6.562-5.86 6.562-10.384c0-7.031-5.718-11.062-12.82-11.062c-5.297 0-9.961 2.508-11.953 7.031c-.492 1.102-.703 2.18-.703 3.07c0 1.336.773 2.274 2.203 2.274c1.195 0 1.992-.703 2.344-1.852c1.218-4.453 4.148-6.14 7.945-6.14c4.57 0 8.133 2.578 8.133 6.656c0 3.351-2.086 5.226-5.086 7.336c-3.68 2.555-6.375 5.297-6.375 9.422v1.476c0 1.5.82 2.555 2.46 2.555m0 12.82c1.851 0 3.328-1.5 3.328-3.328a3.31 3.31 0 0 0-3.328-3.328c-1.828 0-3.352 1.477-3.352 3.328c0 1.828 1.524 3.328 3.352 3.328"/></svg>
React
import type { SVGProps } from "react";
export function F7Question(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M26.887 37.504c1.617 0 2.367-1.125 2.367-2.625v-.797c.047-3.094 1.172-4.383 4.922-6.96c4.008-2.72 6.562-5.86 6.562-10.384c0-7.031-5.718-11.062-12.82-11.062c-5.297 0-9.961 2.508-11.953 7.031c-.492 1.102-.703 2.18-.703 3.07c0 1.336.773 2.274 2.203 2.274c1.195 0 1.992-.703 2.344-1.852c1.218-4.453 4.148-6.14 7.945-6.14c4.57 0 8.133 2.578 8.133 6.656c0 3.351-2.086 5.226-5.086 7.336c-3.68 2.555-6.375 5.297-6.375 9.422v1.476c0 1.5.82 2.555 2.46 2.555m0 12.82c1.851 0 3.328-1.5 3.328-3.328a3.31 3.31 0 0 0-3.328-3.328c-1.828 0-3.352 1.477-3.352 3.328c0 1.828 1.524 3.328 3.352 3.328"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M26.887 37.504c1.617 0 2.367-1.125 2.367-2.625v-.797c.047-3.094 1.172-4.383 4.922-6.96c4.008-2.72 6.562-5.86 6.562-10.384c0-7.031-5.718-11.062-12.82-11.062c-5.297 0-9.961 2.508-11.953 7.031c-.492 1.102-.703 2.18-.703 3.07c0 1.336.773 2.274 2.203 2.274c1.195 0 1.992-.703 2.344-1.852c1.218-4.453 4.148-6.14 7.945-6.14c4.57 0 8.133 2.578 8.133 6.656c0 3.351-2.086 5.226-5.086 7.336c-3.68 2.555-6.375 5.297-6.375 9.422v1.476c0 1.5.82 2.555 2.46 2.555m0 12.82c1.851 0 3.328-1.5 3.328-3.328a3.31 3.31 0 0 0-3.328-3.328c-1.828 0-3.352 1.477-3.352 3.328c0 1.828 1.524 3.328 3.352 3.328"/></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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M26.887%2037.504c1.617%200%202.367-1.125%202.367-2.625v-.797c.047-3.094%201.172-4.383%204.922-6.96c4.008-2.72%206.562-5.86%206.562-10.384c0-7.031-5.718-11.062-12.82-11.062c-5.297%200-9.961%202.508-11.953%207.031c-.492%201.102-.703%202.18-.703%203.07c0%201.336.773%202.274%202.203%202.274c1.195%200%201.992-.703%202.344-1.852c1.218-4.453%204.148-6.14%207.945-6.14c4.57%200%208.133%202.578%208.133%206.656c0%203.351-2.086%205.226-5.086%207.336c-3.68%202.555-6.375%205.297-6.375%209.422v1.476c0%201.5.82%202.555%202.46%202.555m0%2012.82c1.851%200%203.328-1.5%203.328-3.328a3.31%203.31%200%200%200-3.328-3.328c-1.828%200-3.352%201.477-3.352%203.328c0%201.828%201.524%203.328%203.352%203.328%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M26.887%2037.504c1.617%200%202.367-1.125%202.367-2.625v-.797c.047-3.094%201.172-4.383%204.922-6.96c4.008-2.72%206.562-5.86%206.562-10.384c0-7.031-5.718-11.062-12.82-11.062c-5.297%200-9.961%202.508-11.953%207.031c-.492%201.102-.703%202.18-.703%203.07c0%201.336.773%202.274%202.203%202.274c1.195%200%201.992-.703%202.344-1.852c1.218-4.453%204.148-6.14%207.945-6.14c4.57%200%208.133%202.578%208.133%206.656c0%203.351-2.086%205.226-5.086%207.336c-3.68%202.555-6.375%205.297-6.375%209.422v1.476c0%201.5.82%202.555%202.46%202.555m0%2012.82c1.851%200%203.328-1.5%203.328-3.328a3.31%203.31%200%200%200-3.328-3.328c-1.828%200-3.352%201.477-3.352%203.328c0%201.828%201.524%203.328%203.352%203.328%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/question.svg?color=%231a73e8&size=48
