question filled icon
question-filled from Element Plus by Element Plus · Outline · MIT Free for personal and commercial use.
- Name
- question-filled
- Set
- Element Plus
- Style
- Outline
- Viewbox
- 1024×1024
- License
- MIT
Use the question filled icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896m23.7 191.5q-77.9 0-123.2 44.3c-31 29.6-45.7 70.4-45.7 122.5H447c0-29.5 5.7-52.8 17.6-69c13.4-19.7 35.2-28.8 66.2-28.8q36.2-.2 56.3 19.7a77 77 0 0 1 19.7 54.9a78 78 0 0 1-19 50l-8.4 9.8c-45.8 40.9-73.2 70.4-82.4 89.5c-9.8 19-14 42.2-14 69v9.8h80.9v-9.9c0-16.9 3.5-31.6 10.6-45.7a109 109 0 0 1 28.1-35.2c33.8-29.6 54.2-48.6 60.6-55.6c16.9-22.6 26-51.4 26-86.6q0-64.4-42.2-101.4c-28.2-25.3-65.5-37.3-111.3-37.3m-12.6 406.2a54 54 0 0 0-38.7 14.8a49 49 0 0 0-15.5 38c0 15.5 4.9 28.2 15.5 38A55 55 0 0 0 523 768c15.5 0 28.1-5 38.7-14.8a52 52 0 0 0 16.2-38.7a52 52 0 0 0-15.5-38a56 56 0 0 0-39.4-14.8"/></svg>
React
import type { SVGProps } from "react";
export function EpQuestionFilled(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="M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896m23.7 191.5q-77.9 0-123.2 44.3c-31 29.6-45.7 70.4-45.7 122.5H447c0-29.5 5.7-52.8 17.6-69c13.4-19.7 35.2-28.8 66.2-28.8q36.2-.2 56.3 19.7a77 77 0 0 1 19.7 54.9a78 78 0 0 1-19 50l-8.4 9.8c-45.8 40.9-73.2 70.4-82.4 89.5c-9.8 19-14 42.2-14 69v9.8h80.9v-9.9c0-16.9 3.5-31.6 10.6-45.7a109 109 0 0 1 28.1-35.2c33.8-29.6 54.2-48.6 60.6-55.6c16.9-22.6 26-51.4 26-86.6q0-64.4-42.2-101.4c-28.2-25.3-65.5-37.3-111.3-37.3m-12.6 406.2a54 54 0 0 0-38.7 14.8a49 49 0 0 0-15.5 38c0 15.5 4.9 28.2 15.5 38A55 55 0 0 0 523 768c15.5 0 28.1-5 38.7-14.8a52 52 0 0 0 16.2-38.7a52 52 0 0 0-15.5-38a56 56 0 0 0-39.4-14.8"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896m23.7 191.5q-77.9 0-123.2 44.3c-31 29.6-45.7 70.4-45.7 122.5H447c0-29.5 5.7-52.8 17.6-69c13.4-19.7 35.2-28.8 66.2-28.8q36.2-.2 56.3 19.7a77 77 0 0 1 19.7 54.9a78 78 0 0 1-19 50l-8.4 9.8c-45.8 40.9-73.2 70.4-82.4 89.5c-9.8 19-14 42.2-14 69v9.8h80.9v-9.9c0-16.9 3.5-31.6 10.6-45.7a109 109 0 0 1 28.1-35.2c33.8-29.6 54.2-48.6 60.6-55.6c16.9-22.6 26-51.4 26-86.6q0-64.4-42.2-101.4c-28.2-25.3-65.5-37.3-111.3-37.3m-12.6 406.2a54 54 0 0 0-38.7 14.8a49 49 0 0 0-15.5 38c0 15.5 4.9 28.2 15.5 38A55 55 0 0 0 523 768c15.5 0 28.1-5 38.7-14.8a52 52 0 0 0 16.2-38.7a52 52 0 0 0-15.5-38a56 56 0 0 0-39.4-14.8"/></svg> </template>
CSS
.icon-question-filled {
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%22M512%2064a448%20448%200%201%201%200%20896a448%20448%200%200%201%200-896m23.7%20191.5q-77.9%200-123.2%2044.3c-31%2029.6-45.7%2070.4-45.7%20122.5H447c0-29.5%205.7-52.8%2017.6-69c13.4-19.7%2035.2-28.8%2066.2-28.8q36.2-.2%2056.3%2019.7a77%2077%200%200%201%2019.7%2054.9a78%2078%200%200%201-19%2050l-8.4%209.8c-45.8%2040.9-73.2%2070.4-82.4%2089.5c-9.8%2019-14%2042.2-14%2069v9.8h80.9v-9.9c0-16.9%203.5-31.6%2010.6-45.7a109%20109%200%200%201%2028.1-35.2c33.8-29.6%2054.2-48.6%2060.6-55.6c16.9-22.6%2026-51.4%2026-86.6q0-64.4-42.2-101.4c-28.2-25.3-65.5-37.3-111.3-37.3m-12.6%20406.2a54%2054%200%200%200-38.7%2014.8a49%2049%200%200%200-15.5%2038c0%2015.5%204.9%2028.2%2015.5%2038A55%2055%200%200%200%20523%20768c15.5%200%2028.1-5%2038.7-14.8a52%2052%200%200%200%2016.2-38.7a52%2052%200%200%200-15.5-38a56%2056%200%200%200-39.4-14.8%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%22M512%2064a448%20448%200%201%201%200%20896a448%20448%200%200%201%200-896m23.7%20191.5q-77.9%200-123.2%2044.3c-31%2029.6-45.7%2070.4-45.7%20122.5H447c0-29.5%205.7-52.8%2017.6-69c13.4-19.7%2035.2-28.8%2066.2-28.8q36.2-.2%2056.3%2019.7a77%2077%200%200%201%2019.7%2054.9a78%2078%200%200%201-19%2050l-8.4%209.8c-45.8%2040.9-73.2%2070.4-82.4%2089.5c-9.8%2019-14%2042.2-14%2069v9.8h80.9v-9.9c0-16.9%203.5-31.6%2010.6-45.7a109%20109%200%200%201%2028.1-35.2c33.8-29.6%2054.2-48.6%2060.6-55.6c16.9-22.6%2026-51.4%2026-86.6q0-64.4-42.2-101.4c-28.2-25.3-65.5-37.3-111.3-37.3m-12.6%20406.2a54%2054%200%200%200-38.7%2014.8a49%2049%200%200%200-15.5%2038c0%2015.5%204.9%2028.2%2015.5%2038A55%2055%200%200%200%20523%20768c15.5%200%2028.1-5%2038.7-14.8a52%2052%200%200%200%2016.2-38.7a52%2052%200%200%200-15.5-38a56%2056%200%200%200-39.4-14.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ep/question-filled.svg?color=%231a73e8&size=48
