sublime logo
sublime from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- sublime
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 32×32
- License
- MIT
The same logo in other sets
Use the sublime logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#ffb74d" d="m14.576 18.857l-8.088-2.425a.6.6 0 0 1-.41-.516L6 10.169a.57.57 0 0 1 .4-.514l19.06-5.637a.29.29 0 0 1 .408.275v5.744a.59.59 0 0 1-.406.52l-7.864 2.424l7.994 2.307a.58.58 0 0 1 .408.513v5.664a.59.59 0 0 1-.402.521l-19.11 5.993a.285.285 0 0 1-.406-.265l-.04-5.913a.58.58 0 0 1 .403-.514Z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeSublime(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#ffb74d" d="m14.576 18.857l-8.088-2.425a.6.6 0 0 1-.41-.516L6 10.169a.57.57 0 0 1 .4-.514l19.06-5.637a.29.29 0 0 1 .408.275v5.744a.59.59 0 0 1-.406.52l-7.864 2.424l7.994 2.307a.58.58 0 0 1 .408.513v5.664a.59.59 0 0 1-.402.521l-19.11 5.993a.285.285 0 0 1-.406-.265l-.04-5.913a.58.58 0 0 1 .403-.514Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#ffb74d" d="m14.576 18.857l-8.088-2.425a.6.6 0 0 1-.41-.516L6 10.169a.57.57 0 0 1 .4-.514l19.06-5.637a.29.29 0 0 1 .408.275v5.744a.59.59 0 0 1-.406.52l-7.864 2.424l7.994 2.307a.58.58 0 0 1 .408.513v5.664a.59.59 0 0 1-.402.521l-19.11 5.993a.285.285 0 0 1-.406-.265l-.04-5.913a.58.58 0 0 1 .403-.514Z"/></svg> </template>
CSS
.icon-sublime {
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%2032%2032%22%3E%3Cpath%20fill%3D%22%23ffb74d%22%20d%3D%22m14.576%2018.857l-8.088-2.425a.6.6%200%200%201-.41-.516L6%2010.169a.57.57%200%200%201%20.4-.514l19.06-5.637a.29.29%200%200%201%20.408.275v5.744a.59.59%200%200%201-.406.52l-7.864%202.424l7.994%202.307a.58.58%200%200%201%20.408.513v5.664a.59.59%200%200%201-.402.521l-19.11%205.993a.285.285%200%200%201-.406-.265l-.04-5.913a.58.58%200%200%201%20.403-.514Z%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%2032%2032%22%3E%3Cpath%20fill%3D%22%23ffb74d%22%20d%3D%22m14.576%2018.857l-8.088-2.425a.6.6%200%200%201-.41-.516L6%2010.169a.57.57%200%200%201%20.4-.514l19.06-5.637a.29.29%200%200%201%20.408.275v5.744a.59.59%200%200%201-.406.52l-7.864%202.424l7.994%202.307a.58.58%200%200%201%20.408.513v5.664a.59.59%200%200%201-.402.521l-19.11%205.993a.285.285%200%200%201-.406-.265l-.04-5.913a.58.58%200%200%201%20.403-.514Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/sublime.svg?color=%231a73e8&size=48
