taze logo

taze from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
taze
Set
Material Icon Theme
Style
Color
Viewbox
16×16
License
MIT

Use the taze logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#00c853" d="M9.196 10.555a.465.465 0 0 0-.654-.14l-2.417 1.62l1.038-2.108a.5.5 0 0 0-.195-.657a.47.47 0 0 0-.643.209l-1.049 2.123l-.165-2.95a.477.477 0 0 0-.497-.454a.48.48 0 0 0-.444.508l.093 1.665c.039.698-.103 1.4-.41 2.023l-.473.962a.66.66 0 0 0 .283.877l1.355.698c.312.16.697.035.858-.29l.473-.961a3.9 3.9 0 0 1 1.345-1.54l1.365-.917a.484.484 0 0 0 .137-.668"/><path fill="#00695c" d="M12.9 6.175c.454-1.85-.385-3.832-2.12-4.73c-1.735-.892-3.792-.398-4.977 1.072a3.066 3.066 0 0 0-3.47 1.654c-.77 1.56-.157 3.459 1.37 4.246a3.05 3.05 0 0 0 1.666.324a1.96 1.96 0 0 0 1.048 1.575a1.88 1.88 0 0 0 1.857-.075c.288.489.712.902 1.248 1.176c1.526.788 3.383.16 4.153-1.4a3.234 3.234 0 0 0-.775-3.842"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeTaze(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#00c853" d="M9.196 10.555a.465.465 0 0 0-.654-.14l-2.417 1.62l1.038-2.108a.5.5 0 0 0-.195-.657a.47.47 0 0 0-.643.209l-1.049 2.123l-.165-2.95a.477.477 0 0 0-.497-.454a.48.48 0 0 0-.444.508l.093 1.665c.039.698-.103 1.4-.41 2.023l-.473.962a.66.66 0 0 0 .283.877l1.355.698c.312.16.697.035.858-.29l.473-.961a3.9 3.9 0 0 1 1.345-1.54l1.365-.917a.484.484 0 0 0 .137-.668"/><path fill="#00695c" d="M12.9 6.175c.454-1.85-.385-3.832-2.12-4.73c-1.735-.892-3.792-.398-4.977 1.072a3.066 3.066 0 0 0-3.47 1.654c-.77 1.56-.157 3.459 1.37 4.246a3.05 3.05 0 0 0 1.666.324a1.96 1.96 0 0 0 1.048 1.575a1.88 1.88 0 0 0 1.857-.075c.288.489.712.902 1.248 1.176c1.526.788 3.383.16 4.153-1.4a3.234 3.234 0 0 0-.775-3.842"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#00c853" d="M9.196 10.555a.465.465 0 0 0-.654-.14l-2.417 1.62l1.038-2.108a.5.5 0 0 0-.195-.657a.47.47 0 0 0-.643.209l-1.049 2.123l-.165-2.95a.477.477 0 0 0-.497-.454a.48.48 0 0 0-.444.508l.093 1.665c.039.698-.103 1.4-.41 2.023l-.473.962a.66.66 0 0 0 .283.877l1.355.698c.312.16.697.035.858-.29l.473-.961a3.9 3.9 0 0 1 1.345-1.54l1.365-.917a.484.484 0 0 0 .137-.668"/><path fill="#00695c" d="M12.9 6.175c.454-1.85-.385-3.832-2.12-4.73c-1.735-.892-3.792-.398-4.977 1.072a3.066 3.066 0 0 0-3.47 1.654c-.77 1.56-.157 3.459 1.37 4.246a3.05 3.05 0 0 0 1.666.324a1.96 1.96 0 0 0 1.048 1.575a1.88 1.88 0 0 0 1.857-.075c.288.489.712.902 1.248 1.176c1.526.788 3.383.16 4.153-1.4a3.234 3.234 0 0 0-.775-3.842"/></svg>
</template>

CSS

.icon-taze {
  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%2016%2016%22%3E%3Cpath%20fill%3D%22%2300c853%22%20d%3D%22M9.196%2010.555a.465.465%200%200%200-.654-.14l-2.417%201.62l1.038-2.108a.5.5%200%200%200-.195-.657a.47.47%200%200%200-.643.209l-1.049%202.123l-.165-2.95a.477.477%200%200%200-.497-.454a.48.48%200%200%200-.444.508l.093%201.665c.039.698-.103%201.4-.41%202.023l-.473.962a.66.66%200%200%200%20.283.877l1.355.698c.312.16.697.035.858-.29l.473-.961a3.9%203.9%200%200%201%201.345-1.54l1.365-.917a.484.484%200%200%200%20.137-.668%22%2F%3E%3Cpath%20fill%3D%22%2300695c%22%20d%3D%22M12.9%206.175c.454-1.85-.385-3.832-2.12-4.73c-1.735-.892-3.792-.398-4.977%201.072a3.066%203.066%200%200%200-3.47%201.654c-.77%201.56-.157%203.459%201.37%204.246a3.05%203.05%200%200%200%201.666.324a1.96%201.96%200%200%200%201.048%201.575a1.88%201.88%200%200%200%201.857-.075c.288.489.712.902%201.248%201.176c1.526.788%203.383.16%204.153-1.4a3.234%203.234%200%200%200-.775-3.842%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%2016%2016%22%3E%3Cpath%20fill%3D%22%2300c853%22%20d%3D%22M9.196%2010.555a.465.465%200%200%200-.654-.14l-2.417%201.62l1.038-2.108a.5.5%200%200%200-.195-.657a.47.47%200%200%200-.643.209l-1.049%202.123l-.165-2.95a.477.477%200%200%200-.497-.454a.48.48%200%200%200-.444.508l.093%201.665c.039.698-.103%201.4-.41%202.023l-.473.962a.66.66%200%200%200%20.283.877l1.355.698c.312.16.697.035.858-.29l.473-.961a3.9%203.9%200%200%201%201.345-1.54l1.365-.917a.484.484%200%200%200%20.137-.668%22%2F%3E%3Cpath%20fill%3D%22%2300695c%22%20d%3D%22M12.9%206.175c.454-1.85-.385-3.832-2.12-4.73c-1.735-.892-3.792-.398-4.977%201.072a3.066%203.066%200%200%200-3.47%201.654c-.77%201.56-.157%203.459%201.37%204.246a3.05%203.05%200%200%200%201.666.324a1.96%201.96%200%200%200%201.048%201.575a1.88%201.88%200%200%200%201.857-.075c.288.489.712.902%201.248%201.176c1.526.788%203.383.16%204.153-1.4a3.234%203.234%200%200%200-.775-3.842%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/taze.svg?color=%231a73e8&size=48