Иконка Kde Neon

thesvg:kde-neon

Иконка Kde Neon (thesvg:kde-neon) — бесплатная SVG-иконка из набора theSVG от thesvg.org. Она нарисована на сетке 24 × 24. theSVG icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: theSVG
Автор: thesvg.org
Лицензия: MIT
Размер: 24 × 24
Теги: kdeneon

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

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

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

Изображение HTML

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

Иконка Kde Neon в других наборах

Вопросы и ответы: Иконка Kde Neon

Можно ли бесплатно использовать иконку Kde Neon в коммерческих проектах?

Да. theSVG icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Kde Neon в React?

Установите @iconify/react и выведите <Icon icon="thesvg:kde-neon" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Kde Neon на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg/kde-neon.svg" alt="Иконка Kde Neon">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки theSVG →