Ícone Kde Discover
thesvg-color:kde-discover
O ícone Kde Discover (thesvg-color:kde-discover) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 48 × 48. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 48 × 48
- Tags
- kdediscover
Código SVG
<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>Como usar o ícone Kde Discover
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 component
<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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/kde-discover.svg" alt="Ícone Kde Discover" width="24" height="24">Ícones relacionados em theSVG Color
Perguntas frequentes sobre Ícone Kde Discover
O ícone Kde Discover é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Kde Discover no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:kde-discover" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Kde Discover a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/kde-discover.svg" alt="Ícone Kde Discover">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.