tauri logo

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

Name: tauri
Set: Material Icon Theme
Style: Color
Viewbox: 256×256
License: MIT

The same logo in other sets

tauriCatppuccin Icons tauriDevicon tauriSVG Logos tauriSimple Icons tauri-darkSkill Icons

Use the tauri logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#ffca28" d="M165.09 99.183a20.153 20.153 0 0 1-34.401 14.25a20.152 20.152 0 1 1 34.4-14.25z"/><path fill="#26c6da" d="M111.04 136.74c-11.13 0-20.152 9.022-20.152 20.151c0 11.13 9.022 20.152 20.152 20.152c11.129 0 20.152-9.022 20.152-20.152c0-11.129-9.023-20.15-20.152-20.15z"/><path fill="#ffca28" d="M186.7 163.76a77 77 0 0 1-26.564 10.81a54.04 54.04 0 0 0 2.657-24.366a54.05 54.05 0 0 0 33.856-35.246a54.04 54.04 0 0 0-27.73-64.21a54.044 54.044 0 0 0-67.863 16.927a89.8 89.8 0 0 0-29.495 8.61a76.94 76.94 0 0 1 86.49-53.058a76.94 76.94 0 0 1 63.888 78.829a76.94 76.94 0 0 1-35.24 61.706zM72.48 90.298l18.869 2.29a54 54 0 0 1 2.381-10.717a77 77 0 0 0-21.25 8.427" clip-rule="evenodd"/><path fill="#26c6da" d="M69.182 92.314a76.9 76.9 0 0 1 26.747-10.9a53.95 53.95 0 0 0-3.023 24.457a54.05 54.05 0 0 0-33.64 35.358a54.04 54.04 0 0 0 52.354 69.6a54.04 54.04 0 0 0 43.298-22.52a89.8 89.8 0 0 0 29.495-8.518a76.94 76.94 0 0 1-50.002 50.423a76.94 76.94 0 0 1-69.992-11.992A76.944 76.944 0 0 1 69.18 92.315zm114.22 73.462l-.366.183z" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeTauri(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#ffca28" d="M165.09 99.183a20.153 20.153 0 0 1-34.401 14.25a20.152 20.152 0 1 1 34.4-14.25z"/><path fill="#26c6da" d="M111.04 136.74c-11.13 0-20.152 9.022-20.152 20.151c0 11.13 9.022 20.152 20.152 20.152c11.129 0 20.152-9.022 20.152-20.152c0-11.129-9.023-20.15-20.152-20.15z"/><path fill="#ffca28" d="M186.7 163.76a77 77 0 0 1-26.564 10.81a54.04 54.04 0 0 0 2.657-24.366a54.05 54.05 0 0 0 33.856-35.246a54.04 54.04 0 0 0-27.73-64.21a54.044 54.044 0 0 0-67.863 16.927a89.8 89.8 0 0 0-29.495 8.61a76.94 76.94 0 0 1 86.49-53.058a76.94 76.94 0 0 1 63.888 78.829a76.94 76.94 0 0 1-35.24 61.706zM72.48 90.298l18.869 2.29a54 54 0 0 1 2.381-10.717a77 77 0 0 0-21.25 8.427" clipRule="evenodd"/><path fill="#26c6da" d="M69.182 92.314a76.9 76.9 0 0 1 26.747-10.9a53.95 53.95 0 0 0-3.023 24.457a54.05 54.05 0 0 0-33.64 35.358a54.04 54.04 0 0 0 52.354 69.6a54.04 54.04 0 0 0 43.298-22.52a89.8 89.8 0 0 0 29.495-8.518a76.94 76.94 0 0 1-50.002 50.423a76.94 76.94 0 0 1-69.992-11.992A76.944 76.944 0 0 1 69.18 92.315zm114.22 73.462l-.366.183z" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#ffca28" d="M165.09 99.183a20.153 20.153 0 0 1-34.401 14.25a20.152 20.152 0 1 1 34.4-14.25z"/><path fill="#26c6da" d="M111.04 136.74c-11.13 0-20.152 9.022-20.152 20.151c0 11.13 9.022 20.152 20.152 20.152c11.129 0 20.152-9.022 20.152-20.152c0-11.129-9.023-20.15-20.152-20.15z"/><path fill="#ffca28" d="M186.7 163.76a77 77 0 0 1-26.564 10.81a54.04 54.04 0 0 0 2.657-24.366a54.05 54.05 0 0 0 33.856-35.246a54.04 54.04 0 0 0-27.73-64.21a54.044 54.044 0 0 0-67.863 16.927a89.8 89.8 0 0 0-29.495 8.61a76.94 76.94 0 0 1 86.49-53.058a76.94 76.94 0 0 1 63.888 78.829a76.94 76.94 0 0 1-35.24 61.706zM72.48 90.298l18.869 2.29a54 54 0 0 1 2.381-10.717a77 77 0 0 0-21.25 8.427" clip-rule="evenodd"/><path fill="#26c6da" d="M69.182 92.314a76.9 76.9 0 0 1 26.747-10.9a53.95 53.95 0 0 0-3.023 24.457a54.05 54.05 0 0 0-33.64 35.358a54.04 54.04 0 0 0 52.354 69.6a54.04 54.04 0 0 0 43.298-22.52a89.8 89.8 0 0 0 29.495-8.518a76.94 76.94 0 0 1-50.002 50.423a76.94 76.94 0 0 1-69.992-11.992A76.944 76.944 0 0 1 69.18 92.315zm114.22 73.462l-.366.183z" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-tauri {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22%23ffca28%22%20d%3D%22M165.09%2099.183a20.153%2020.153%200%200%201-34.401%2014.25a20.152%2020.152%200%201%201%2034.4-14.25z%22%2F%3E%3Cpath%20fill%3D%22%2326c6da%22%20d%3D%22M111.04%20136.74c-11.13%200-20.152%209.022-20.152%2020.151c0%2011.13%209.022%2020.152%2020.152%2020.152c11.129%200%2020.152-9.022%2020.152-20.152c0-11.129-9.023-20.15-20.152-20.15z%22%2F%3E%3Cpath%20fill%3D%22%23ffca28%22%20d%3D%22M186.7%20163.76a77%2077%200%200%201-26.564%2010.81a54.04%2054.04%200%200%200%202.657-24.366a54.05%2054.05%200%200%200%2033.856-35.246a54.04%2054.04%200%200%200-27.73-64.21a54.044%2054.044%200%200%200-67.863%2016.927a89.8%2089.8%200%200%200-29.495%208.61a76.94%2076.94%200%200%201%2086.49-53.058a76.94%2076.94%200%200%201%2063.888%2078.829a76.94%2076.94%200%200%201-35.24%2061.706zM72.48%2090.298l18.869%202.29a54%2054%200%200%201%202.381-10.717a77%2077%200%200%200-21.25%208.427%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%2326c6da%22%20d%3D%22M69.182%2092.314a76.9%2076.9%200%200%201%2026.747-10.9a53.95%2053.95%200%200%200-3.023%2024.457a54.05%2054.05%200%200%200-33.64%2035.358a54.04%2054.04%200%200%200%2052.354%2069.6a54.04%2054.04%200%200%200%2043.298-22.52a89.8%2089.8%200%200%200%2029.495-8.518a76.94%2076.94%200%200%201-50.002%2050.423a76.94%2076.94%200%200%201-69.992-11.992A76.944%2076.944%200%200%201%2069.18%2092.315zm114.22%2073.462l-.366.183z%22%20clip-rule%3D%22evenodd%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%20256%20256%22%3E%3Cpath%20fill%3D%22%23ffca28%22%20d%3D%22M165.09%2099.183a20.153%2020.153%200%200%201-34.401%2014.25a20.152%2020.152%200%201%201%2034.4-14.25z%22%2F%3E%3Cpath%20fill%3D%22%2326c6da%22%20d%3D%22M111.04%20136.74c-11.13%200-20.152%209.022-20.152%2020.151c0%2011.13%209.022%2020.152%2020.152%2020.152c11.129%200%2020.152-9.022%2020.152-20.152c0-11.129-9.023-20.15-20.152-20.15z%22%2F%3E%3Cpath%20fill%3D%22%23ffca28%22%20d%3D%22M186.7%20163.76a77%2077%200%200%201-26.564%2010.81a54.04%2054.04%200%200%200%202.657-24.366a54.05%2054.05%200%200%200%2033.856-35.246a54.04%2054.04%200%200%200-27.73-64.21a54.044%2054.044%200%200%200-67.863%2016.927a89.8%2089.8%200%200%200-29.495%208.61a76.94%2076.94%200%200%201%2086.49-53.058a76.94%2076.94%200%200%201%2063.888%2078.829a76.94%2076.94%200%200%201-35.24%2061.706zM72.48%2090.298l18.869%202.29a54%2054%200%200%201%202.381-10.717a77%2077%200%200%200-21.25%208.427%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%2326c6da%22%20d%3D%22M69.182%2092.314a76.9%2076.9%200%200%201%2026.747-10.9a53.95%2053.95%200%200%200-3.023%2024.457a54.05%2054.05%200%200%200-33.64%2035.358a54.04%2054.04%200%200%200%2052.354%2069.6a54.04%2054.04%200%200%200%2043.298-22.52a89.8%2089.8%200%200%200%2029.495-8.518a76.94%2076.94%200%200%201-50.002%2050.423a76.94%2076.94%200%200%201-69.992-11.992A76.944%2076.944%200%200%201%2069.18%2092.315zm114.22%2073.462l-.366.183z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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