tauri logo
tauri from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- tauri
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
The same logo in other sets
Use the tauri logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ffc131" d="M86.242 46.547a12.19 12.19 0 0 1-24.379 0c0-6.734 5.457-12.191 12.191-12.191a12.19 12.19 0 0 1 12.188 12.191m0 0"/><path fill="#24c8db" d="M41.359 81.453a12.19 12.19 0 1 1 24.383 0c0 6.734-5.457 12.191-12.191 12.191S41.36 88.187 41.36 81.453zm0 0"/><path fill="#ffc131" d="M99.316 85.637a46.5 46.5 0 0 1-16.059 6.535a32.7 32.7 0 0 0 1.797-10.719a33 33 0 0 0-.242-4.02a32.7 32.7 0 0 0 6.996-3.418a32.7 32.7 0 0 0 12.066-14.035a32.71 32.71 0 0 0-21.011-44.934a32.72 32.72 0 0 0-33.91 10.527a33 33 0 0 0-1.48 1.91a54.3 54.3 0 0 0-17.848 5.184A46.54 46.54 0 0 1 60.25 2.094a46.53 46.53 0 0 1 26.34-.375c8.633 2.418 16.387 7.273 22.324 13.984s9.813 15 11.16 23.863a46.54 46.54 0 0 1-20.758 46.071M30.18 41.156l11.41 1.402a32.4 32.4 0 0 1 1.473-6.469a46.4 46.4 0 0 0-12.883 5.066zm0 0"/><path fill="#24c8db" d="M28.207 42.363a46.5 46.5 0 0 1 16.188-6.559a32.6 32.6 0 0 0-2.004 11.297a33 33 0 0 0 .188 3.512a32.7 32.7 0 0 0-6.859 3.371A32.7 32.7 0 0 0 23.652 68.02c-2.59 5.742-3.461 12.113-2.52 18.34s3.668 12.051 7.844 16.77s9.617 8.129 15.684 9.824s12.496 1.605 18.512-.262a32.7 32.7 0 0 0 15.402-10.266a35 35 0 0 0 1.484-1.918a54.3 54.3 0 0 0 17.855-5.223a46.5 46.5 0 0 1-8.723 16.012a46.5 46.5 0 0 1-21.918 14.609a46.53 46.53 0 0 1-26.34.375a46.6 46.6 0 0 1-22.324-13.984A46.56 46.56 0 0 1 7.453 88.434a46.53 46.53 0 0 1 3.582-26.098a46.53 46.53 0 0 1 17.172-19.973m69.074 44.473c-.059.035-.121.066-.18.102c.059-.035.121-.066.18-.102m0 0"/></svg>
React
import type { SVGProps } from "react";
export function DeviconTauri(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ffc131" d="M86.242 46.547a12.19 12.19 0 0 1-24.379 0c0-6.734 5.457-12.191 12.191-12.191a12.19 12.19 0 0 1 12.188 12.191m0 0"/><path fill="#24c8db" d="M41.359 81.453a12.19 12.19 0 1 1 24.383 0c0 6.734-5.457 12.191-12.191 12.191S41.36 88.187 41.36 81.453zm0 0"/><path fill="#ffc131" d="M99.316 85.637a46.5 46.5 0 0 1-16.059 6.535a32.7 32.7 0 0 0 1.797-10.719a33 33 0 0 0-.242-4.02a32.7 32.7 0 0 0 6.996-3.418a32.7 32.7 0 0 0 12.066-14.035a32.71 32.71 0 0 0-21.011-44.934a32.72 32.72 0 0 0-33.91 10.527a33 33 0 0 0-1.48 1.91a54.3 54.3 0 0 0-17.848 5.184A46.54 46.54 0 0 1 60.25 2.094a46.53 46.53 0 0 1 26.34-.375c8.633 2.418 16.387 7.273 22.324 13.984s9.813 15 11.16 23.863a46.54 46.54 0 0 1-20.758 46.071M30.18 41.156l11.41 1.402a32.4 32.4 0 0 1 1.473-6.469a46.4 46.4 0 0 0-12.883 5.066zm0 0"/><path fill="#24c8db" d="M28.207 42.363a46.5 46.5 0 0 1 16.188-6.559a32.6 32.6 0 0 0-2.004 11.297a33 33 0 0 0 .188 3.512a32.7 32.7 0 0 0-6.859 3.371A32.7 32.7 0 0 0 23.652 68.02c-2.59 5.742-3.461 12.113-2.52 18.34s3.668 12.051 7.844 16.77s9.617 8.129 15.684 9.824s12.496 1.605 18.512-.262a32.7 32.7 0 0 0 15.402-10.266a35 35 0 0 0 1.484-1.918a54.3 54.3 0 0 0 17.855-5.223a46.5 46.5 0 0 1-8.723 16.012a46.5 46.5 0 0 1-21.918 14.609a46.53 46.53 0 0 1-26.34.375a46.6 46.6 0 0 1-22.324-13.984A46.56 46.56 0 0 1 7.453 88.434a46.53 46.53 0 0 1 3.582-26.098a46.53 46.53 0 0 1 17.172-19.973m69.074 44.473c-.059.035-.121.066-.18.102c.059-.035.121-.066.18-.102m0 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ffc131" d="M86.242 46.547a12.19 12.19 0 0 1-24.379 0c0-6.734 5.457-12.191 12.191-12.191a12.19 12.19 0 0 1 12.188 12.191m0 0"/><path fill="#24c8db" d="M41.359 81.453a12.19 12.19 0 1 1 24.383 0c0 6.734-5.457 12.191-12.191 12.191S41.36 88.187 41.36 81.453zm0 0"/><path fill="#ffc131" d="M99.316 85.637a46.5 46.5 0 0 1-16.059 6.535a32.7 32.7 0 0 0 1.797-10.719a33 33 0 0 0-.242-4.02a32.7 32.7 0 0 0 6.996-3.418a32.7 32.7 0 0 0 12.066-14.035a32.71 32.71 0 0 0-21.011-44.934a32.72 32.72 0 0 0-33.91 10.527a33 33 0 0 0-1.48 1.91a54.3 54.3 0 0 0-17.848 5.184A46.54 46.54 0 0 1 60.25 2.094a46.53 46.53 0 0 1 26.34-.375c8.633 2.418 16.387 7.273 22.324 13.984s9.813 15 11.16 23.863a46.54 46.54 0 0 1-20.758 46.071M30.18 41.156l11.41 1.402a32.4 32.4 0 0 1 1.473-6.469a46.4 46.4 0 0 0-12.883 5.066zm0 0"/><path fill="#24c8db" d="M28.207 42.363a46.5 46.5 0 0 1 16.188-6.559a32.6 32.6 0 0 0-2.004 11.297a33 33 0 0 0 .188 3.512a32.7 32.7 0 0 0-6.859 3.371A32.7 32.7 0 0 0 23.652 68.02c-2.59 5.742-3.461 12.113-2.52 18.34s3.668 12.051 7.844 16.77s9.617 8.129 15.684 9.824s12.496 1.605 18.512-.262a32.7 32.7 0 0 0 15.402-10.266a35 35 0 0 0 1.484-1.918a54.3 54.3 0 0 0 17.855-5.223a46.5 46.5 0 0 1-8.723 16.012a46.5 46.5 0 0 1-21.918 14.609a46.53 46.53 0 0 1-26.34.375a46.6 46.6 0 0 1-22.324-13.984A46.56 46.56 0 0 1 7.453 88.434a46.53 46.53 0 0 1 3.582-26.098a46.53 46.53 0 0 1 17.172-19.973m69.074 44.473c-.059.035-.121.066-.18.102c.059-.035.121-.066.18-.102m0 0"/></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%20128%20128%22%3E%3Cpath%20fill%3D%22%23ffc131%22%20d%3D%22M86.242%2046.547a12.19%2012.19%200%200%201-24.379%200c0-6.734%205.457-12.191%2012.191-12.191a12.19%2012.19%200%200%201%2012.188%2012.191m0%200%22%2F%3E%3Cpath%20fill%3D%22%2324c8db%22%20d%3D%22M41.359%2081.453a12.19%2012.19%200%201%201%2024.383%200c0%206.734-5.457%2012.191-12.191%2012.191S41.36%2088.187%2041.36%2081.453zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23ffc131%22%20d%3D%22M99.316%2085.637a46.5%2046.5%200%200%201-16.059%206.535a32.7%2032.7%200%200%200%201.797-10.719a33%2033%200%200%200-.242-4.02a32.7%2032.7%200%200%200%206.996-3.418a32.7%2032.7%200%200%200%2012.066-14.035a32.71%2032.71%200%200%200-21.011-44.934a32.72%2032.72%200%200%200-33.91%2010.527a33%2033%200%200%200-1.48%201.91a54.3%2054.3%200%200%200-17.848%205.184A46.54%2046.54%200%200%201%2060.25%202.094a46.53%2046.53%200%200%201%2026.34-.375c8.633%202.418%2016.387%207.273%2022.324%2013.984s9.813%2015%2011.16%2023.863a46.54%2046.54%200%200%201-20.758%2046.071M30.18%2041.156l11.41%201.402a32.4%2032.4%200%200%201%201.473-6.469a46.4%2046.4%200%200%200-12.883%205.066zm0%200%22%2F%3E%3Cpath%20fill%3D%22%2324c8db%22%20d%3D%22M28.207%2042.363a46.5%2046.5%200%200%201%2016.188-6.559a32.6%2032.6%200%200%200-2.004%2011.297a33%2033%200%200%200%20.188%203.512a32.7%2032.7%200%200%200-6.859%203.371A32.7%2032.7%200%200%200%2023.652%2068.02c-2.59%205.742-3.461%2012.113-2.52%2018.34s3.668%2012.051%207.844%2016.77s9.617%208.129%2015.684%209.824s12.496%201.605%2018.512-.262a32.7%2032.7%200%200%200%2015.402-10.266a35%2035%200%200%200%201.484-1.918a54.3%2054.3%200%200%200%2017.855-5.223a46.5%2046.5%200%200%201-8.723%2016.012a46.5%2046.5%200%200%201-21.918%2014.609a46.53%2046.53%200%200%201-26.34.375a46.6%2046.6%200%200%201-22.324-13.984A46.56%2046.56%200%200%201%207.453%2088.434a46.53%2046.53%200%200%201%203.582-26.098a46.53%2046.53%200%200%201%2017.172-19.973m69.074%2044.473c-.059.035-.121.066-.18.102c.059-.035.121-.066.18-.102m0%200%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23ffc131%22%20d%3D%22M86.242%2046.547a12.19%2012.19%200%200%201-24.379%200c0-6.734%205.457-12.191%2012.191-12.191a12.19%2012.19%200%200%201%2012.188%2012.191m0%200%22%2F%3E%3Cpath%20fill%3D%22%2324c8db%22%20d%3D%22M41.359%2081.453a12.19%2012.19%200%201%201%2024.383%200c0%206.734-5.457%2012.191-12.191%2012.191S41.36%2088.187%2041.36%2081.453zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23ffc131%22%20d%3D%22M99.316%2085.637a46.5%2046.5%200%200%201-16.059%206.535a32.7%2032.7%200%200%200%201.797-10.719a33%2033%200%200%200-.242-4.02a32.7%2032.7%200%200%200%206.996-3.418a32.7%2032.7%200%200%200%2012.066-14.035a32.71%2032.71%200%200%200-21.011-44.934a32.72%2032.72%200%200%200-33.91%2010.527a33%2033%200%200%200-1.48%201.91a54.3%2054.3%200%200%200-17.848%205.184A46.54%2046.54%200%200%201%2060.25%202.094a46.53%2046.53%200%200%201%2026.34-.375c8.633%202.418%2016.387%207.273%2022.324%2013.984s9.813%2015%2011.16%2023.863a46.54%2046.54%200%200%201-20.758%2046.071M30.18%2041.156l11.41%201.402a32.4%2032.4%200%200%201%201.473-6.469a46.4%2046.4%200%200%200-12.883%205.066zm0%200%22%2F%3E%3Cpath%20fill%3D%22%2324c8db%22%20d%3D%22M28.207%2042.363a46.5%2046.5%200%200%201%2016.188-6.559a32.6%2032.6%200%200%200-2.004%2011.297a33%2033%200%200%200%20.188%203.512a32.7%2032.7%200%200%200-6.859%203.371A32.7%2032.7%200%200%200%2023.652%2068.02c-2.59%205.742-3.461%2012.113-2.52%2018.34s3.668%2012.051%207.844%2016.77s9.617%208.129%2015.684%209.824s12.496%201.605%2018.512-.262a32.7%2032.7%200%200%200%2015.402-10.266a35%2035%200%200%200%201.484-1.918a54.3%2054.3%200%200%200%2017.855-5.223a46.5%2046.5%200%200%201-8.723%2016.012a46.5%2046.5%200%200%201-21.918%2014.609a46.53%2046.53%200%200%201-26.34.375a46.6%2046.6%200%200%201-22.324-13.984A46.56%2046.56%200%200%201%207.453%2088.434a46.53%2046.53%200%200%201%203.582-26.098a46.53%2046.53%200%200%201%2017.172-19.973m69.074%2044.473c-.059.035-.121.066-.18.102c.059-.035.121-.066.18-.102m0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/tauri.svg?color=%231a73e8&size=48
