ICONYZ
English
Tdarr icon from theSVG Color

Tdarr icon

thesvg-color:tdarr

The Tdarr icon (thesvg-color:tdarr) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 578 × 579 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
578 × 579
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="578" height="579" viewBox="0 0 578 579"><defs><radialGradient id="SVGJKSfVb4s" cx="50%" cy="48%" r="55%"><stop offset="0" stop-color="#143f82"/><stop offset=".54" stop-color="#0e3978"/><stop offset="1" stop-color="#0b2f64"/></radialGradient><radialGradient id="SVGBtkZWbTm" cx="50%" cy="48%" r="65%"><stop offset="0" stop-color="#143f82"/><stop offset=".56" stop-color="#103a78"/><stop offset=".82" stop-color="#0b315f"/><stop offset="1" stop-color="#07294e"/></radialGradient><filter id="SVGt8zGkeCa" width="140%" height="140%" x="-20%" y="-20%" color-interpolation-filters="sRGB"><feDropShadow dx="0" dy="0" flood-color="#00fff9" flood-opacity=".45" stdDeviation="7"/><feDropShadow dx="0" dy="0" flood-color="#00b7ff" flood-opacity=".18" stdDeviation="16"/></filter><filter id="SVGRknVZqkh" width="140%" height="140%" x="-20%" y="-20%" color-interpolation-filters="sRGB"><feDropShadow dx="0" dy="0" flood-color="#001b43" flood-opacity=".85" stdDeviation="9"/></filter><linearGradient id="SVGdXnvfd3q" x1="0" x2="0" y1="0" y2="1"><stop offset="0" stop-color="#69fffb"/><stop offset=".55" stop-color="#20f8f3"/><stop offset="1" stop-color="#51f4f1"/></linearGradient><clipPath id="SVG7jnFyd5x"><circle cx="289" cy="289" r="289"/></clipPath></defs><g clip-path="url(#SVG7jnFyd5x)"><circle cx="289" cy="289" r="288.5" fill="url(#SVGJKSfVb4s)"/><path stroke="#1478f4" stroke-width="4" d="M560 289h17m-17.66 18.904l16.958 1.186m-18.935 17.626l16.834 2.366m-20.119 16.262l16.629 3.535m-21.205 14.819l16.341 4.686m-22.186 13.303l15.974 5.815m-23.06 11.724l15.53 6.914m-23.822 10.087l15.01 7.981m-24.468 8.4l14.417 9.009m-24.994 6.673l13.753 9.992m-25.399 4.913l13.023 10.928m-25.68 3.129l12.229 11.81m-25.836 1.33l11.376 12.634m-25.866-.475l10.467 13.396m-25.77-2.278l9.507 14.094m-25.548-4.07l8.5 14.722m-25.201-5.842l7.452 15.28m-24.733-7.586l6.369 15.762m-24.143-9.293l5.253 16.168m-23.436-10.954l4.113 16.495m-22.615-12.562l2.952 16.742m-21.684-14.11l1.777 16.907m-20.646-15.587l.593 16.99m-19.509-16.99l-.593 16.99m-18.276-18.31l-1.777 16.907m-16.955-19.539l-2.952 16.742m-15.55-20.675l-4.113 16.495m-14.07-21.709l-5.253 16.168m-12.521-22.637l-6.369 15.762m-10.912-23.456l-7.452 15.28m-9.249-24.16l-8.5 14.722m-7.541-24.746l-9.507 14.094m-5.796-25.212l-10.467 13.396m-4.023-25.555L96.29 503.026m-2.231-25.774l-12.229 11.81m-.428-25.867l-13.023 10.928m1.377-25.833l-13.753 9.992m3.176-25.674l-14.417 9.009m4.959-25.39l-15.01 7.981m6.718-24.982l-15.53 6.914m8.444-24.453l-15.974 5.815m10.129-23.804l-16.341 4.686m11.765-23.04l-16.629 3.535m13.344-22.163l-16.834 2.366m14.857-21.178L1.702 309.09M18 289H1m17.66-18.904L1.702 268.91m18.935-17.626l-16.834-2.366m20.119-16.262l-16.629-3.535m21.205-14.819l-16.341-4.686m22.186-13.303l-15.974-5.815m23.06-11.724l-15.53-6.914m23.822-10.087l-15.01-7.981m24.468-8.4l-14.417-9.009m24.994-6.673l-13.753-9.992m25.399-4.913l-13.023-10.928m25.68-3.129L81.83 88.938m25.836-1.33L96.29 74.974m25.866.475l-10.467-13.396m25.77 2.278l-9.507-14.094m25.548 4.07L145 39.585m25.201 5.842l-7.452-15.28m24.733 7.586l-6.369-15.762m24.143 9.293l-5.253-16.168m23.436 10.954l-4.113-16.495m22.615 12.562l-2.952-16.742m21.684 14.11l-1.777-16.907m20.646 15.587l-.593-16.99m19.509 16.99l.593-16.99m18.276 18.31l1.777-16.907m16.955 19.539l2.952-16.742m15.55 20.675l4.113-16.495m14.07 21.709l5.253-16.168m12.521 22.637l6.369-15.762m10.912 23.456l7.452-15.28m9.249 24.16l8.5-14.722m7.541 24.746l9.507-14.094m5.796 25.212l10.467-13.396m4.023 25.555l11.376-12.634m2.231 25.774l12.229-11.81m.428 25.867l13.023-10.928m-1.377 25.833l13.753-9.992m-3.176 25.674l14.417-9.009m-4.959 25.39l15.01-7.981m-6.718 24.982l15.53-6.914m-8.444 24.453l15.974-5.815m-10.129 23.804l16.341-4.686m-11.765 23.04l16.629-3.535m-13.344 22.163l16.834-2.366m-14.857 21.178l16.958-1.186" opacity=".98"/><circle cx="289" cy="289" r="286.8" fill="none" stroke="#1174f0" stroke-width="4.4"/><path fill="url(#SVGdXnvfd3q)" d="M73.822 179.361a241.5 241.5 0 0 1 456.641 105.424l-47.493.829a194 194 0 0 0-366.825-84.688Zm458.339 135.196a244.5 244.5 0 0 1-14.901 62.064l-44.345-17.023a197 197 0 0 0 12.006-50.006Zm-34.441 99.855a243.5 243.5 0 0 1-45.787 55.544L420.819 435.4a197 197 0 0 0 37.043-44.937Zm-73.675 74.801a241.5 241.5 0 0 1-64.437 30.735l-12.718-41.6a198 198 0 0 0 52.83-25.199Zm-83.587 41.879a247.5 247.5 0 0 1-68.723 4.805l3.383-48.382a199 199 0 0 0 55.256-3.864Zm-98.683.861a247.5 247.5 0 0 1-68.969-24.423l22.769-42.823a199 199 0 0 0 55.454 19.637Zm-96.488-45.148a244.5 244.5 0 0 1-86.042-281.429l44.636 16.246a197 197 0 0 0 69.325 226.754Z"/><circle cx="289" cy="289" r="151" fill="url(#SVGBtkZWbTm)" filter="url(#SVGRknVZqkh)"/><g filter="url(#SVGt8zGkeCa)"><circle cx="289" cy="289" r="164" fill="none" stroke="#00fff9" stroke-width="27"/><path fill="#00fff9" d="M204 214h174v16h-79v213h-16V230h-79Z"/></g></g></svg>

How to use the Tdarr icon

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:tdarr" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:tdarr" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:tdarr" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--tdarr]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:tdarr"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:tdarr"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg-color/tdarr.svg" alt="Tdarr icon" width="24" height="24">

Tdarr icon FAQ

Is the Tdarr 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 Tdarr icon in React?

Install @iconify/react and render <Icon icon="thesvg-color:tdarr" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Tdarr icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/tdarr.svg" alt="Tdarr icon">, or paste the SVG code inline to style it with CSS.

Browse all theSVG Color icons →