Tautulli icon
thesvg-color:tautulli
The Tautulli icon (thesvg-color:tautulli) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 299 × 300 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 299 × 300
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="299" height="300" viewBox="0 0 299 300"><path fill="#fff" d="M241.811 215.25c-10.935 0-20.375 6.382-24.809 15.623l-39.383-5.715c-.139-15.068-12.393-27.242-27.493-27.242a27.36 27.36 0 0 0-14.646 4.229l-55.963-63.414a27.37 27.37 0 0 0 5.127-15.981c0-15.188-12.312-27.5-27.5-27.5s-27.5 12.312-27.5 27.5s12.312 27.5 27.5 27.5c4.677 0 9.079-1.171 12.934-3.23l56.56 64.089a27.37 27.37 0 0 0-4.012 14.307c0 15.188 12.312 27.5 27.5 27.5c10.872 0 20.269-6.311 24.731-15.467l39.463 5.727c.229 14.99 12.443 27.074 27.49 27.074c15.188 0 27.5-12.313 27.5-27.5s-12.312-27.5-27.499-27.5"/><path fill="#e5a00d" d="M241.811 29.75c-15.188 0-27.5 12.312-27.5 27.5c0 7.48 2.99 14.258 7.836 19.216l-60.943 86.113a27.4 27.4 0 0 0-11.076-2.329c-15.188 0-27.5 12.313-27.5 27.5c0 2.704.397 5.314 1.125 7.783l-46.306 28.668c-5.028-5.5-12.261-8.951-20.3-8.951c-15.188 0-27.5 12.313-27.5 27.5s12.312 27.5 27.5 27.5s27.5-12.313 27.5-27.5a27.5 27.5 0 0 0-1.064-7.57l46.396-28.724c5.022 5.407 12.189 8.794 20.15 8.794c15.188 0 27.5-12.313 27.5-27.5c0-6.701-2.399-12.84-6.382-17.611l61.515-86.92a27.5 27.5 0 0 0 9.052 1.532c15.188 0 27.5-12.312 27.5-27.5S256.998 29.75 241.811 29.75"/></svg>How to use the Tautulli icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:tautulli" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:tautulli" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:tautulli" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--tautulli]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:tautulli"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:tautulli"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/tautulli.svg" alt="Tautulli icon" width="24" height="24">Tautulli icon in other icon sets
Tautulli icon FAQ
Is the Tautulli icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Tautulli icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:tautulli" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Tautulli icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/tautulli.svg" alt="Tautulli icon">, or paste the SVG code inline to style it with CSS.