elm logo
elm from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- elm
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 323×323
- License
- MIT
The same logo in other sets
Use the elm logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 323 323"><path fill="#ffb300" d="m106.716 99.763l54.785 54.782l54.779-54.782z"/><path fill="#64dd17" d="M96.881 89.93H216.83l-55.18-55.184H41.7zm131.546 11.593l59.705 59.704L228.16 221.2l-59.705-59.704z"/><path fill="#00b8d4" d="m175.552 34.746l112.703 112.695V34.746z"/><path fill="#455a64" d="m34.746 281.3l119.8-119.8l-119.8-119.8z"/><path fill="#ffb300" d="m288.255 175.01l-53.148 53.149l53.148 53.14z"/><path fill="#00b8d4" d="M281.3 288.254L161.5 168.455l-119.8 119.8z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeElm(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 323 323"><path fill="#ffb300" d="m106.716 99.763l54.785 54.782l54.779-54.782z"/><path fill="#64dd17" d="M96.881 89.93H216.83l-55.18-55.184H41.7zm131.546 11.593l59.705 59.704L228.16 221.2l-59.705-59.704z"/><path fill="#00b8d4" d="m175.552 34.746l112.703 112.695V34.746z"/><path fill="#455a64" d="m34.746 281.3l119.8-119.8l-119.8-119.8z"/><path fill="#ffb300" d="m288.255 175.01l-53.148 53.149l53.148 53.14z"/><path fill="#00b8d4" d="M281.3 288.254L161.5 168.455l-119.8 119.8z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 323 323"><path fill="#ffb300" d="m106.716 99.763l54.785 54.782l54.779-54.782z"/><path fill="#64dd17" d="M96.881 89.93H216.83l-55.18-55.184H41.7zm131.546 11.593l59.705 59.704L228.16 221.2l-59.705-59.704z"/><path fill="#00b8d4" d="m175.552 34.746l112.703 112.695V34.746z"/><path fill="#455a64" d="m34.746 281.3l119.8-119.8l-119.8-119.8z"/><path fill="#ffb300" d="m288.255 175.01l-53.148 53.149l53.148 53.14z"/><path fill="#00b8d4" d="M281.3 288.254L161.5 168.455l-119.8 119.8z"/></svg> </template>
CSS
.icon-elm {
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%20323%20323%22%3E%3Cpath%20fill%3D%22%23ffb300%22%20d%3D%22m106.716%2099.763l54.785%2054.782l54.779-54.782z%22%2F%3E%3Cpath%20fill%3D%22%2364dd17%22%20d%3D%22M96.881%2089.93H216.83l-55.18-55.184H41.7zm131.546%2011.593l59.705%2059.704L228.16%20221.2l-59.705-59.704z%22%2F%3E%3Cpath%20fill%3D%22%2300b8d4%22%20d%3D%22m175.552%2034.746l112.703%20112.695V34.746z%22%2F%3E%3Cpath%20fill%3D%22%23455a64%22%20d%3D%22m34.746%20281.3l119.8-119.8l-119.8-119.8z%22%2F%3E%3Cpath%20fill%3D%22%23ffb300%22%20d%3D%22m288.255%20175.01l-53.148%2053.149l53.148%2053.14z%22%2F%3E%3Cpath%20fill%3D%22%2300b8d4%22%20d%3D%22M281.3%20288.254L161.5%20168.455l-119.8%20119.8z%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%20323%20323%22%3E%3Cpath%20fill%3D%22%23ffb300%22%20d%3D%22m106.716%2099.763l54.785%2054.782l54.779-54.782z%22%2F%3E%3Cpath%20fill%3D%22%2364dd17%22%20d%3D%22M96.881%2089.93H216.83l-55.18-55.184H41.7zm131.546%2011.593l59.705%2059.704L228.16%20221.2l-59.705-59.704z%22%2F%3E%3Cpath%20fill%3D%22%2300b8d4%22%20d%3D%22m175.552%2034.746l112.703%20112.695V34.746z%22%2F%3E%3Cpath%20fill%3D%22%23455a64%22%20d%3D%22m34.746%20281.3l119.8-119.8l-119.8-119.8z%22%2F%3E%3Cpath%20fill%3D%22%23ffb300%22%20d%3D%22m288.255%20175.01l-53.148%2053.149l53.148%2053.14z%22%2F%3E%3Cpath%20fill%3D%22%2300b8d4%22%20d%3D%22M281.3%20288.254L161.5%20168.455l-119.8%20119.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/elm.svg?color=%231a73e8&size=48
