Ícone Kde Connect
thesvg-color:kde-connect
O ícone Kde Connect (thesvg-color:kde-connect) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 32 × 32. 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
- 32 × 32
- Tags
- kdeconnect
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><linearGradient id="SVGNuAofdZn" x2="0" y1="545.798" y2="517.798" gradientTransform="matrix(8.71458 0 0 9.23253 -3261.094 -4952.587)" gradientUnits="userSpaceOnUse" href="#SVGzHlIcbtN"/><linearGradient id="SVGzHlIcbtN"><stop stop-color="#2a2c2f"/><stop offset="1" stop-color="#424649"/></linearGradient><linearGradient id="SVGqutY7cXS" x1="393.571" x2="407.571" y1="524.798" y2="538.798" gradientTransform="matrix(8.71458 0 0 9.23253 -3261.094 -4952.587)" gradientUnits="userSpaceOnUse" href="#SVGIDpiAbup"/><linearGradient id="SVGIDpiAbup"><stop stop-color="#292c2f"/><stop offset="1" stop-opacity="0"/></linearGradient><linearGradient id="SVGb3gZz14w" x2="0" y1="543.798" y2="518.798" gradientTransform="matrix(7.95678 0 0 8.8311 -2954.89 -4734.694)" gradientUnits="userSpaceOnUse" href="#SVG6YfJdcgx"/><linearGradient id="SVG6YfJdcgx"><stop stop-color="#c6cdd1"/><stop offset="1" stop-color="#e0e5e7"/></linearGradient></defs><g transform="translate(-10.496 20.93)scale(.11534)"><rect width="139.433" height="258.511" x="160" y="-172" fill="url(#SVGNuAofdZn)" ry="7.386"/><path fill="url(#SVGqutY7cXS)" fill-rule="evenodd" d="M290.718-144.302L168.714 58.814l26.144 27.697h104.575v-221.58Z" opacity=".2"/><path fill="url(#SVGb3gZz14w)" d="M168.714-144.302h122.004V58.814H168.714z"/><rect width="52.287" height="9.233" x="203.573" y="-162.767" fill="#212324" ry="3.735"/><path fill="#333" d="M200.083-75.836c-.187.027-.388.073-.528.211l-6.491 6.491a.83.83 0 0 0-.108 1.023l7.585 12.524a32.3 32.3 0 0 0-3.21 7.267l-13.936 2.893a.87.87 0 0 0-.67.847v9.172c0 .388.294.72.67.812l13.512 3.28a32.7 32.7 0 0 0 3.316 8.432l-7.832 11.925a.84.84 0 0 0 .108 1.058l6.492 6.491a.83.83 0 0 0 1.022.108l12.277-7.443a32.5 32.5 0 0 0 7.762 3.245l2.857 13.76c.083.388.415.67.812.67h9.172a.83.83 0 0 0 .812-.636l3.387-13.83a32.3 32.3 0 0 0 7.973-3.35l12.1 7.937a.846.846 0 0 0 1.06-.108l6.455-6.491a.83.83 0 0 0 .142-1.023l-4.41-7.267l-1.447.459a.54.54 0 0 1-.565-.213s-2.786-4.097-6.42-9.42c-4.348 8.508-13.214 14.324-23.426 14.324c-14.51 0-26.283-11.772-26.283-26.283c0-10.673 6.383-19.84 15.523-23.954V-69.7a32.3 32.3 0 0 0-4.798 2.117c-.003-.002.003-.037 0-.037l-12.383-8.114c-.166-.108-.342-.126-.528-.108zm37.431-16.582l-16.51 1.588v68.018l16.334-2.47v-29l21.979 32.175l17.216-5.468l-22.508-30.94l22.684-29.175l-17.569-4.022l-21.802 29.176z"/></g></svg>Como usar o ícone Kde Connect
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:kde-connect" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:kde-connect" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:kde-connect" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--kde-connect]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:kde-connect"></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-connect"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/kde-connect.svg" alt="Ícone Kde Connect" width="24" height="24">Ícones relacionados em theSVG Color
O ícone Kde Connect em outras coleções
Perguntas frequentes sobre Ícone Kde Connect
O ícone Kde Connect é 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 Connect no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:kde-connect" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Kde Connect 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-connect.svg" alt="Ícone Kde Connect">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.