help icon
help from Element Plus by Element Plus · Outline · MIT Free for personal and commercial use.
- Name
- help
- Set
- Element Plus
- Style
- Outline
- Viewbox
- 1024×1024
- License
- MIT
The same icon in other sets
Related icons in Element Plus
Use the help icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="m760 805.2l-91-91A255 255 0 0 1 512 768a255 255 0 0 1-157-53.8l-91 91A383 383 0 0 0 512 896c94.5 0 181.1-34.2 248-90.8m45.2-45.3A383 383 0 0 0 896 512c0-94.5-34.2-181.1-90.8-248l-91 91C748 398.4 768 453 768 512s-20.1 113.6-53.8 157zM760 218.8A383 383 0 0 0 512 128a383 383 0 0 0-248 90.8l91 91A255 255 0 0 1 512 256c59.1 0 113.6 20.1 157 53.8zM218.8 264A383 383 0 0 0 128 512c0 94.5 34.2 181.1 90.8 248l91-91A255 255 0 0 1 256 512c0-59.1 20.1-113.6 53.8-157zM636 658.6a195 195 0 0 0 22.6-22.6A191 191 0 0 0 704 512a191 191 0 0 0-68-146.6A191 191 0 0 0 512 320a191 191 0 0 0-146.6 68A191 191 0 0 0 320 512a191 191 0 0 0 68 146.6A191 191 0 0 0 512 704c47.3 0 90.6-17 124-45.4M512 960a448 448 0 1 1 0-896a448 448 0 0 1 0 896"/></svg>
React
import type { SVGProps } from "react";
export function EpHelp(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="m760 805.2l-91-91A255 255 0 0 1 512 768a255 255 0 0 1-157-53.8l-91 91A383 383 0 0 0 512 896c94.5 0 181.1-34.2 248-90.8m45.2-45.3A383 383 0 0 0 896 512c0-94.5-34.2-181.1-90.8-248l-91 91C748 398.4 768 453 768 512s-20.1 113.6-53.8 157zM760 218.8A383 383 0 0 0 512 128a383 383 0 0 0-248 90.8l91 91A255 255 0 0 1 512 256c59.1 0 113.6 20.1 157 53.8zM218.8 264A383 383 0 0 0 128 512c0 94.5 34.2 181.1 90.8 248l91-91A255 255 0 0 1 256 512c0-59.1 20.1-113.6 53.8-157zM636 658.6a195 195 0 0 0 22.6-22.6A191 191 0 0 0 704 512a191 191 0 0 0-68-146.6A191 191 0 0 0 512 320a191 191 0 0 0-146.6 68A191 191 0 0 0 320 512a191 191 0 0 0 68 146.6A191 191 0 0 0 512 704c47.3 0 90.6-17 124-45.4M512 960a448 448 0 1 1 0-896a448 448 0 0 1 0 896"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="m760 805.2l-91-91A255 255 0 0 1 512 768a255 255 0 0 1-157-53.8l-91 91A383 383 0 0 0 512 896c94.5 0 181.1-34.2 248-90.8m45.2-45.3A383 383 0 0 0 896 512c0-94.5-34.2-181.1-90.8-248l-91 91C748 398.4 768 453 768 512s-20.1 113.6-53.8 157zM760 218.8A383 383 0 0 0 512 128a383 383 0 0 0-248 90.8l91 91A255 255 0 0 1 512 256c59.1 0 113.6 20.1 157 53.8zM218.8 264A383 383 0 0 0 128 512c0 94.5 34.2 181.1 90.8 248l91-91A255 255 0 0 1 256 512c0-59.1 20.1-113.6 53.8-157zM636 658.6a195 195 0 0 0 22.6-22.6A191 191 0 0 0 704 512a191 191 0 0 0-68-146.6A191 191 0 0 0 512 320a191 191 0 0 0-146.6 68A191 191 0 0 0 320 512a191 191 0 0 0 68 146.6A191 191 0 0 0 512 704c47.3 0 90.6-17 124-45.4M512 960a448 448 0 1 1 0-896a448 448 0 0 1 0 896"/></svg> </template>
CSS
.icon-help {
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%22m760%20805.2l-91-91A255%20255%200%200%201%20512%20768a255%20255%200%200%201-157-53.8l-91%2091A383%20383%200%200%200%20512%20896c94.5%200%20181.1-34.2%20248-90.8m45.2-45.3A383%20383%200%200%200%20896%20512c0-94.5-34.2-181.1-90.8-248l-91%2091C748%20398.4%20768%20453%20768%20512s-20.1%20113.6-53.8%20157zM760%20218.8A383%20383%200%200%200%20512%20128a383%20383%200%200%200-248%2090.8l91%2091A255%20255%200%200%201%20512%20256c59.1%200%20113.6%2020.1%20157%2053.8zM218.8%20264A383%20383%200%200%200%20128%20512c0%2094.5%2034.2%20181.1%2090.8%20248l91-91A255%20255%200%200%201%20256%20512c0-59.1%2020.1-113.6%2053.8-157zM636%20658.6a195%20195%200%200%200%2022.6-22.6A191%20191%200%200%200%20704%20512a191%20191%200%200%200-68-146.6A191%20191%200%200%200%20512%20320a191%20191%200%200%200-146.6%2068A191%20191%200%200%200%20320%20512a191%20191%200%200%200%2068%20146.6A191%20191%200%200%200%20512%20704c47.3%200%2090.6-17%20124-45.4M512%20960a448%20448%200%201%201%200-896a448%20448%200%200%201%200%20896%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%22m760%20805.2l-91-91A255%20255%200%200%201%20512%20768a255%20255%200%200%201-157-53.8l-91%2091A383%20383%200%200%200%20512%20896c94.5%200%20181.1-34.2%20248-90.8m45.2-45.3A383%20383%200%200%200%20896%20512c0-94.5-34.2-181.1-90.8-248l-91%2091C748%20398.4%20768%20453%20768%20512s-20.1%20113.6-53.8%20157zM760%20218.8A383%20383%200%200%200%20512%20128a383%20383%200%200%200-248%2090.8l91%2091A255%20255%200%200%201%20512%20256c59.1%200%20113.6%2020.1%20157%2053.8zM218.8%20264A383%20383%200%200%200%20128%20512c0%2094.5%2034.2%20181.1%2090.8%20248l91-91A255%20255%200%200%201%20256%20512c0-59.1%2020.1-113.6%2053.8-157zM636%20658.6a195%20195%200%200%200%2022.6-22.6A191%20191%200%200%200%20704%20512a191%20191%200%200%200-68-146.6A191%20191%200%200%200%20512%20320a191%20191%200%200%200-146.6%2068A191%20191%200%200%200%20320%20512a191%20191%200%200%200%2068%20146.6A191%20191%200%200%200%20512%20704c47.3%200%2090.6-17%20124-45.4M512%20960a448%20448%200%201%201%200-896a448%20448%200%200%201%200%20896%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ep/help.svg?color=%231a73e8&size=48
