help rhombus icon
help-rhombus from Material Design Icons by Pictogrammers · Filled · Apache-2.0 Free for personal and commercial use.
- Name
- help-rhombus
- Set
- Material Design Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- question-mark-rhombus
1 other variant in Material Design Icons
Related icons in Material Design Icons
Use the help rhombus icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2c-.5 0-1 .19-1.41.59l-8 8c-.79.78-.79 2.04 0 2.82l8 8c.78.79 2.04.79 2.82 0l8-8c.79-.78.79-2.04 0-2.82l-8-8C13 2.19 12.5 2 12 2m0 4.95c2.7.11 3.87 2.83 2.28 4.86c-.42.5-1.09.83-1.43 1.26c-.35.43-.35.93-.35 1.43H11c0-.85 0-1.56.35-2.06c.33-.5 1-.8 1.42-1.13c1.23-1.13.91-2.72-.77-2.85c-.82 0-1.5.67-1.5 1.51H9c0-1.67 1.35-3.02 3-3.02m-1 8.55h1.5V17H11z"/></svg>
React
import type { SVGProps } from "react";
export function MdiHelpRhombus(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2c-.5 0-1 .19-1.41.59l-8 8c-.79.78-.79 2.04 0 2.82l8 8c.78.79 2.04.79 2.82 0l8-8c.79-.78.79-2.04 0-2.82l-8-8C13 2.19 12.5 2 12 2m0 4.95c2.7.11 3.87 2.83 2.28 4.86c-.42.5-1.09.83-1.43 1.26c-.35.43-.35.93-.35 1.43H11c0-.85 0-1.56.35-2.06c.33-.5 1-.8 1.42-1.13c1.23-1.13.91-2.72-.77-2.85c-.82 0-1.5.67-1.5 1.51H9c0-1.67 1.35-3.02 3-3.02m-1 8.55h1.5V17H11z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2c-.5 0-1 .19-1.41.59l-8 8c-.79.78-.79 2.04 0 2.82l8 8c.78.79 2.04.79 2.82 0l8-8c.79-.78.79-2.04 0-2.82l-8-8C13 2.19 12.5 2 12 2m0 4.95c2.7.11 3.87 2.83 2.28 4.86c-.42.5-1.09.83-1.43 1.26c-.35.43-.35.93-.35 1.43H11c0-.85 0-1.56.35-2.06c.33-.5 1-.8 1.42-1.13c1.23-1.13.91-2.72-.77-2.85c-.82 0-1.5.67-1.5 1.51H9c0-1.67 1.35-3.02 3-3.02m-1 8.55h1.5V17H11z"/></svg> </template>
CSS
.icon-help-rhombus {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202c-.5%200-1%20.19-1.41.59l-8%208c-.79.78-.79%202.04%200%202.82l8%208c.78.79%202.04.79%202.82%200l8-8c.79-.78.79-2.04%200-2.82l-8-8C13%202.19%2012.5%202%2012%202m0%204.95c2.7.11%203.87%202.83%202.28%204.86c-.42.5-1.09.83-1.43%201.26c-.35.43-.35.93-.35%201.43H11c0-.85%200-1.56.35-2.06c.33-.5%201-.8%201.42-1.13c1.23-1.13.91-2.72-.77-2.85c-.82%200-1.5.67-1.5%201.51H9c0-1.67%201.35-3.02%203-3.02m-1%208.55h1.5V17H11z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202c-.5%200-1%20.19-1.41.59l-8%208c-.79.78-.79%202.04%200%202.82l8%208c.78.79%202.04.79%202.82%200l8-8c.79-.78.79-2.04%200-2.82l-8-8C13%202.19%2012.5%202%2012%202m0%204.95c2.7.11%203.87%202.83%202.28%204.86c-.42.5-1.09.83-1.43%201.26c-.35.43-.35.93-.35%201.43H11c0-.85%200-1.56.35-2.06c.33-.5%201-.8%201.42-1.13c1.23-1.13.91-2.72-.77-2.85c-.82%200-1.5.67-1.5%201.51H9c0-1.67%201.35-3.02%203-3.02m-1%208.55h1.5V17H11z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/help-rhombus.svg?color=%231a73e8&size=48
