Kde Discover ikonu
thesvg-color:kde-discover
Kde Discover ikonu (thesvg-color:kde-discover), theSVG Color setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 48 × 48 ı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
- 48 × 48
- Etiketler
- kdediscover
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><defs><linearGradient id="SVGy25SgcJf" x2="0" y1="543.8" y2="513.8" gradientTransform="matrix(1.125 0 0 1 -51.07 0)" gradientUnits="userSpaceOnUse"><stop stop-color="#197cf1"/><stop offset="1" stop-color="#20bcfa"/></linearGradient><linearGradient id="SVGBEvivd9O" x2="0" y1="44" y2="11" gradientUnits="userSpaceOnUse" href="#SVGy25SgcJf"/><linearGradient id="SVGpiP0udAJ" x2="0" y1="10" y2="14" gradientUnits="userSpaceOnUse"><stop stop-color="#1d1e1e"/><stop offset="1" stop-color="#44484c"/></linearGradient><linearGradient id="SVGl82wIdZM" x2="0" y1="14" y2="10" gradientUnits="userSpaceOnUse" href="#SVGy25SgcJf"/><linearGradient id="SVG4PepXO0n" x2="0" y1="516.8" y2="503.8" gradientUnits="userSpaceOnUse" href="#SVGy25SgcJf"/><linearGradient id="SVGzZiPacrf" x2="0" y1="18" y2="15" gradientUnits="userSpaceOnUse"><stop stop-color="#c6cdd1"/><stop offset="1" stop-color="#e0e5e7"/></linearGradient><linearGradient id="SVGwzAE7dPA" x2="0" y1="517.8" y2="514.8" gradientUnits="userSpaceOnUse" href="#SVGzZiPacrf"/><linearGradient id="SVGcuGS8dLY" x2="0" y1="19" y2="3" gradientTransform="translate(0 -2)" gradientUnits="userSpaceOnUse"><stop stop-color="#7cbaf8"/><stop offset="1" stop-color="#f4fcff"/></linearGradient><linearGradient id="SVGC4Fetd6S" x1="16" x2="32" y1="23" y2="39" gradientUnits="userSpaceOnUse"><stop stop-color="#292c2f"/><stop offset="1" stop-opacity="0"/></linearGradient></defs><g transform="translate(-384.57 -499.8)"><path fill="url(#SVGBEvivd9O)" fill-rule="evenodd" d="M9 11v2l1-1zm30 0l-1 1l1 1z" transform="translate(384.57 499.8)"/><rect width="36" height="30" x="390.57" y="513.8" fill="url(#SVGy25SgcJf)" rx="0"/><path fill="url(#SVGC4Fetd6S)" d="m20.707 23.293l-1.414 1.414l8 8L27 33l11 11h4v-6L32 28l-3.293 3.293zm-2.146 6.146L16.44 31.56l5.5 5.5l-1.354 1.354L26.172 44h6.951z" opacity=".2" transform="translate(384.57 499.8)"/><path fill="#1c5593" d="M390.57 542.8h36v1h-36z"/><path fill="url(#SVGl82wIdZM)" fill-rule="evenodd" d="m10 10l-1 1l1 1l-4 2h36l-4-2l1-1l-1-1H24z" transform="translate(384.57 499.8)"/><path fill="url(#SVGpiP0udAJ)" fill-rule="evenodd" d="m10 10l-1 1l1 1l-4 2h36l-4-2l1-1l-1-1H24z" opacity=".6" transform="translate(384.57 499.8)"/><path d="m394.57 509.8l-1 1h30l-1-1h-14z" opacity=".2"/><path fill="url(#SVG4PepXO0n)" d="M400.57 516.8v-5c0-4.432 3.568-8 8-8s8 3.568 8 8v5h-1v-5c0-3.878-3.122-7-7-7s-7 3.122-7 7v5z"/><path fill="url(#SVGwzAE7dPA)" d="M401.071 514.798a1.5 1.5 0 0 1 1.5 1.5a1.5 1.5 0 0 1-1.5 1.5a1.5 1.5 0 0 1-1.5-1.5a1.5 1.5 0 0 1 1.5-1.5m0 1a.5.5 0 0 0-.5.5a.5.5 0 0 0 .5.5a.5.5 0 0 0 .5-.5a.5.5 0 0 0-.5-.5"/><path fill="url(#SVGzZiPacrf)" d="M31.5 15a1.5 1.5 0 0 0-1.5 1.5a1.5 1.5 0 0 0 1.5 1.5a1.5 1.5 0 0 0 1.5-1.5a1.5 1.5 0 0 0-1.5-1.5m0 1a.5.5 0 0 1 .5.5a.5.5 0 0 1-.5.5a.5.5 0 0 1-.5-.5a.5.5 0 0 1 .5-.5" transform="translate(384.57 499.8)"/><path fill="url(#SVGcuGS8dLY)" d="M7 3c-.554 0-1 .446-1 1s.446 1 1 1s1-.446 1-1s-.446-1-1-1m7 0l-2 2l3 3l-3 3l2 2l5-5zM4.5 9C3.669 9 3 9.669 3 10.5S3.669 12 4.5 12S6 11.331 6 10.5S5.331 9 4.5 9M9 15c-1.108 0-2 .892-2 2s.892 2 2 2s2-.892 2-2s-.892-2-2-2" transform="translate(397.57 519.8)"/></g></svg>Kde Discover ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:kde-discover" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:kde-discover" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:kde-discover" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--kde-discover]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:kde-discover"></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:kde-discover"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/thesvg-color/kde-discover.svg" alt="Kde Discover ikonu" width="24" height="24">theSVG Color setindeki benzer ikonlar
Kde Discover ikonu: sık sorulan sorular
Kde Discover 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.
Kde Discover ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="thesvg-color:kde-discover" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Kde Discover 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/kde-discover.svg" alt="Kde Discover ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.