ICONYZ
Español
Icono Kde Neon de theSVG

Icono Kde Neon

thesvg:kde-neon

El icono Kde Neon (thesvg:kde-neon) es un icono SVG gratuito de la colección theSVG de thesvg.org. Está dibujado en una cuadrícula de 24 × 24. theSVG icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
theSVG
Autor
thesvg.org
Licencia
MIT
Tamaño
24 × 24
Etiquetas
kdeneon
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.832 12.017a3.85 3.96 0 0 1-3.85 3.96a3.85 3.96 0 0 1-3.848-3.96a3.85 3.96 0 0 1 3.849-3.96a3.85 3.96 0 0 1 3.849 3.96M11.999 3.47a.72.72 0 0 0-.675.467A8.096 8.096 0 0 0 3.904 12a8.096 8.096 0 0 0 7.42 8.063a.72.72 0 0 0 .676.467a.72.72 0 0 0 .676-.468A8.096 8.096 0 0 0 20.096 12a8.096 8.096 0 0 0-7.421-8.064a.72.72 0 0 0-.675-.467zm.648 1.044A7.52 7.52 0 0 1 19.517 12a7.52 7.52 0 0 1-6.871 7.485a.72.72 0 0 0-.647-.401a.72.72 0 0 0-.647.401A7.52 7.52 0 0 1 4.482 12a7.52 7.52 0 0 1 6.871-7.486a.72.72 0 0 0 .646.401a.72.72 0 0 0 .648-.401M12 0a.72.72 0 0 0-.676.467A11.57 11.57 0 0 0 4.33 3.384a.7.7 0 0 0-.283-.06a.723.723 0 0 0-.723.724a.7.7 0 0 0 .056.28a11.57 11.57 0 0 0-2.913 6.996A.72.72 0 0 0 0 12a.72.72 0 0 0 .468.676a11.57 11.57 0 0 0 2.907 7.012a.7.7 0 0 0-.05.263a.723.723 0 0 0 .723.723a.7.7 0 0 0 .265-.05a11.57 11.57 0 0 0 7.015 2.918a.72.72 0 0 0 .672.457a.72.72 0 0 0 .676-.467a11.57 11.57 0 0 0 7.012-2.907a.7.7 0 0 0 .263.05a.723.723 0 0 0 .723-.724a.7.7 0 0 0-.05-.265a11.57 11.57 0 0 0 2.918-7.015A.72.72 0 0 0 24 12a.72.72 0 0 0-.468-.676a11.57 11.57 0 0 0-2.907-7.012a.7.7 0 0 0 .05-.263a.723.723 0 0 0-.724-.723a.7.7 0 0 0-.265.05A11.57 11.57 0 0 0 12.671.458A.72.72 0 0 0 12-.001zm-.652 1.035a.72.72 0 0 0 .652.41a.72.72 0 0 0 .647-.401a11 11 0 0 1 6.632 2.739a.7.7 0 0 0-.05.265a.723.723 0 0 0 .722.723a.7.7 0 0 0 .262-.05a11 11 0 0 1 2.751 6.628a.72.72 0 0 0-.41.65a.72.72 0 0 0 .401.648a11 11 0 0 1-2.738 6.632a.7.7 0 0 0-.266-.05a.723.723 0 0 0-.723.722a.7.7 0 0 0 .05.262a11 11 0 0 1-6.627 2.752a.72.72 0 0 0-.651-.411a.72.72 0 0 0-.648.401a11 11 0 0 1-6.632-2.738a.7.7 0 0 0 .05-.265a.723.723 0 0 0-.722-.723a.7.7 0 0 0-.262.05a11 11 0 0 1-2.742-6.633a.72.72 0 0 0 .401-.646a.72.72 0 0 0-.4-.647a11 11 0 0 1 2.752-6.628a.7.7 0 0 0 .25.046a.723.723 0 0 0 .724-.723a.7.7 0 0 0-.049-.257a11 11 0 0 1 6.626-2.756"/></svg>

Cómo usar el icono Kde Neon

React

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

<Icon icon="thesvg:kde-neon" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:kde-neon" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:kde-neon" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="thesvg:kde-neon"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/thesvg/kde-neon.svg" alt="Icono Kde Neon" width="24" height="24">

Iconos relacionados en theSVG

El icono Kde Neon en otras colecciones

Preguntas frecuentes sobre Icono Kde Neon

¿El icono Kde Neon es gratis para uso comercial?

Sí. theSVG icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Kde Neon en React?

Instala @iconify/react y renderiza <Icon icon="thesvg:kde-neon" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Kde Neon a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg/kde-neon.svg" alt="Icono Kde Neon">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos theSVG →