tauri logo

tauri from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name: tauri
Set: SVG Logos
Style: Color
Viewbox: 256×289
License: CC0

The same logo in other sets

tauriCatppuccin Icons tauriDevicon tauriMaterial Icon Theme 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 289"><path fill="#ffc131" d="M178.497 104.93c0 15.155-12.285 27.44-27.44 27.44c-15.153 0-27.438-12.285-27.438-27.44c0-15.153 12.285-27.438 27.439-27.438s27.439 12.285 27.439 27.439"/><circle cx="104.911" cy="183.505" r="27.439" fill="#24c8db" transform="matrix(-1 0 0 -1 209.822 367.01)"/><path fill="#ffc131" d="M207.93 192.86a104.8 104.8 0 0 1-36.168 14.717a73.6 73.6 0 0 0 3.617-33.176c29.953-10.472 49.82-38.964 49.292-70.69c-.53-31.727-21.336-59.542-51.622-69.008c-30.286-9.467-63.23 1.546-81.733 27.324a122.2 122.2 0 0 0-40.16 11.723C64.86 29.536 105.956-.445 152.244.005s86.794 31.224 99.636 75.697s-5.026 92.103-43.95 117.157M52.404 92.832l25.693 3.118a73.6 73.6 0 0 1 3.243-14.593a104.8 104.8 0 0 0-28.936 11.475"/><path fill="#24c8db" d="M47.913 95.577a104.8 104.8 0 0 1 36.419-14.842a73.46 73.46 0 0 0-4.116 33.3c-29.847 10.619-49.549 39.148-48.906 70.822c.642 31.673 21.484 59.38 51.738 68.78s63.127-1.62 81.604-27.352a122.2 122.2 0 0 0 40.16-11.6c-13.736 44.169-54.812 74.1-101.064 73.645c-46.252-.453-86.733-31.184-99.602-75.612s4.92-92.037 43.768-117.141m155.528 100.026l-.5.25z"/></svg>

React

import type { SVGProps } from "react";

export function LogosTauri(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 289"><path fill="#ffc131" d="M178.497 104.93c0 15.155-12.285 27.44-27.44 27.44c-15.153 0-27.438-12.285-27.438-27.44c0-15.153 12.285-27.438 27.439-27.438s27.439 12.285 27.439 27.439"/><circle cx="104.911" cy="183.505" r="27.439" fill="#24c8db" transform="matrix(-1 0 0 -1 209.822 367.01)"/><path fill="#ffc131" d="M207.93 192.86a104.8 104.8 0 0 1-36.168 14.717a73.6 73.6 0 0 0 3.617-33.176c29.953-10.472 49.82-38.964 49.292-70.69c-.53-31.727-21.336-59.542-51.622-69.008c-30.286-9.467-63.23 1.546-81.733 27.324a122.2 122.2 0 0 0-40.16 11.723C64.86 29.536 105.956-.445 152.244.005s86.794 31.224 99.636 75.697s-5.026 92.103-43.95 117.157M52.404 92.832l25.693 3.118a73.6 73.6 0 0 1 3.243-14.593a104.8 104.8 0 0 0-28.936 11.475"/><path fill="#24c8db" d="M47.913 95.577a104.8 104.8 0 0 1 36.419-14.842a73.46 73.46 0 0 0-4.116 33.3c-29.847 10.619-49.549 39.148-48.906 70.822c.642 31.673 21.484 59.38 51.738 68.78s63.127-1.62 81.604-27.352a122.2 122.2 0 0 0 40.16-11.6c-13.736 44.169-54.812 74.1-101.064 73.645c-46.252-.453-86.733-31.184-99.602-75.612s4.92-92.037 43.768-117.141m155.528 100.026l-.5.25z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 289"><path fill="#ffc131" d="M178.497 104.93c0 15.155-12.285 27.44-27.44 27.44c-15.153 0-27.438-12.285-27.438-27.44c0-15.153 12.285-27.438 27.439-27.438s27.439 12.285 27.439 27.439"/><circle cx="104.911" cy="183.505" r="27.439" fill="#24c8db" transform="matrix(-1 0 0 -1 209.822 367.01)"/><path fill="#ffc131" d="M207.93 192.86a104.8 104.8 0 0 1-36.168 14.717a73.6 73.6 0 0 0 3.617-33.176c29.953-10.472 49.82-38.964 49.292-70.69c-.53-31.727-21.336-59.542-51.622-69.008c-30.286-9.467-63.23 1.546-81.733 27.324a122.2 122.2 0 0 0-40.16 11.723C64.86 29.536 105.956-.445 152.244.005s86.794 31.224 99.636 75.697s-5.026 92.103-43.95 117.157M52.404 92.832l25.693 3.118a73.6 73.6 0 0 1 3.243-14.593a104.8 104.8 0 0 0-28.936 11.475"/><path fill="#24c8db" d="M47.913 95.577a104.8 104.8 0 0 1 36.419-14.842a73.46 73.46 0 0 0-4.116 33.3c-29.847 10.619-49.549 39.148-48.906 70.822c.642 31.673 21.484 59.38 51.738 68.78s63.127-1.62 81.604-27.352a122.2 122.2 0 0 0 40.16-11.6c-13.736 44.169-54.812 74.1-101.064 73.645c-46.252-.453-86.733-31.184-99.602-75.612s4.92-92.037 43.768-117.141m155.528 100.026l-.5.25z"/></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%20289%22%3E%3Cpath%20fill%3D%22%23ffc131%22%20d%3D%22M178.497%20104.93c0%2015.155-12.285%2027.44-27.44%2027.44c-15.153%200-27.438-12.285-27.438-27.44c0-15.153%2012.285-27.438%2027.439-27.438s27.439%2012.285%2027.439%2027.439%22%2F%3E%3Ccircle%20cx%3D%22104.911%22%20cy%3D%22183.505%22%20r%3D%2227.439%22%20fill%3D%22%2324c8db%22%20transform%3D%22matrix(-1%200%200%20-1%20209.822%20367.01)%22%2F%3E%3Cpath%20fill%3D%22%23ffc131%22%20d%3D%22M207.93%20192.86a104.8%20104.8%200%200%201-36.168%2014.717a73.6%2073.6%200%200%200%203.617-33.176c29.953-10.472%2049.82-38.964%2049.292-70.69c-.53-31.727-21.336-59.542-51.622-69.008c-30.286-9.467-63.23%201.546-81.733%2027.324a122.2%20122.2%200%200%200-40.16%2011.723C64.86%2029.536%20105.956-.445%20152.244.005s86.794%2031.224%2099.636%2075.697s-5.026%2092.103-43.95%20117.157M52.404%2092.832l25.693%203.118a73.6%2073.6%200%200%201%203.243-14.593a104.8%20104.8%200%200%200-28.936%2011.475%22%2F%3E%3Cpath%20fill%3D%22%2324c8db%22%20d%3D%22M47.913%2095.577a104.8%20104.8%200%200%201%2036.419-14.842a73.46%2073.46%200%200%200-4.116%2033.3c-29.847%2010.619-49.549%2039.148-48.906%2070.822c.642%2031.673%2021.484%2059.38%2051.738%2068.78s63.127-1.62%2081.604-27.352a122.2%20122.2%200%200%200%2040.16-11.6c-13.736%2044.169-54.812%2074.1-101.064%2073.645c-46.252-.453-86.733-31.184-99.602-75.612s4.92-92.037%2043.768-117.141m155.528%20100.026l-.5.25z%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%20289%22%3E%3Cpath%20fill%3D%22%23ffc131%22%20d%3D%22M178.497%20104.93c0%2015.155-12.285%2027.44-27.44%2027.44c-15.153%200-27.438-12.285-27.438-27.44c0-15.153%2012.285-27.438%2027.439-27.438s27.439%2012.285%2027.439%2027.439%22%2F%3E%3Ccircle%20cx%3D%22104.911%22%20cy%3D%22183.505%22%20r%3D%2227.439%22%20fill%3D%22%2324c8db%22%20transform%3D%22matrix(-1%200%200%20-1%20209.822%20367.01)%22%2F%3E%3Cpath%20fill%3D%22%23ffc131%22%20d%3D%22M207.93%20192.86a104.8%20104.8%200%200%201-36.168%2014.717a73.6%2073.6%200%200%200%203.617-33.176c29.953-10.472%2049.82-38.964%2049.292-70.69c-.53-31.727-21.336-59.542-51.622-69.008c-30.286-9.467-63.23%201.546-81.733%2027.324a122.2%20122.2%200%200%200-40.16%2011.723C64.86%2029.536%20105.956-.445%20152.244.005s86.794%2031.224%2099.636%2075.697s-5.026%2092.103-43.95%20117.157M52.404%2092.832l25.693%203.118a73.6%2073.6%200%200%201%203.243-14.593a104.8%20104.8%200%200%200-28.936%2011.475%22%2F%3E%3Cpath%20fill%3D%22%2324c8db%22%20d%3D%22M47.913%2095.577a104.8%20104.8%200%200%201%2036.419-14.842a73.46%2073.46%200%200%200-4.116%2033.3c-29.847%2010.619-49.549%2039.148-48.906%2070.822c.642%2031.673%2021.484%2059.38%2051.738%2068.78s63.127-1.62%2081.604-27.352a122.2%20122.2%200%200%200%2040.16-11.6c-13.736%2044.169-54.812%2074.1-101.064%2073.645c-46.252-.453-86.733-31.184-99.602-75.612s4.92-92.037%2043.768-117.141m155.528%20100.026l-.5.25z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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