Tdarr ikonu
thesvg-color:tdarr
Tdarr ikonu (thesvg-color:tdarr), theSVG Color setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 578 × 579 ızgara üzerinde çizilmiştir. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- theSVG Color
- Yazar
- thesvg.org
- Lisans
- MIT
- Boyut
- 578 × 579
SVG kodu
<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>Tdarr ikonu nasıl kullanılır
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 bileşeni
<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 görseli
<img src="https://iconyz.com/api/public/svg/thesvg-color/tdarr.svg" alt="Tdarr ikonu" width="24" height="24">Tdarr ikonu: sık sorulan sorular
Tdarr ikonu ticari kullanım için ücretsiz mi?
Evet. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Tdarr ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="thesvg-color:tdarr" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Tdarr ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/thesvg-color/tdarr.svg" alt="Tdarr ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.