Иконка Keda Light

thesvg-color:keda-light

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="625" height="625" viewBox="0 0 625 625"><defs><linearGradient id="SVGwtPZadyp" x1="13.47" x2="13.47" y1="482.29" y2="481.29" gradientTransform="matrix(518.53 0 0 -494.87 -6676.79 238739.99)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#719bea"/><stop offset="1" stop-color="#5478e0"/></linearGradient></defs><path fill="none" stroke="url(#SVGwtPZadyp)" stroke-width="30" d="M522.24 172.9c-1.86-5.44-6.28-10.35-12.36-13.63L318.77 68.71l-.11-.06c-2.07-1-5.08-1.55-9-1.55c-3.56 0-5.14 0-7 .13a35 35 0 0 0-3.85.42l-189.72 90.51l-.17.08A18.47 18.47 0 0 0 98.41 171L51.47 374.84a23.88 23.88 0 0 0 4.13 17.75l131.48 161a31 31 0 0 0 18.28 8.21h211.1l.82.09c5.8.64 11.32-1.88 15.16-7.06l.21-.28l132.26-161.96a27 27 0 0 0 4.65-18.18Z"/><g fill="#326de6"><circle cx="438" cy="553" r="39"/><circle cx="196" cy="553" r="39"/><circle cx="307" cy="73" r="39"/><circle cx="518" cy="165" r="39"/><circle cx="100" cy="165" r="39"/><circle cx="567" cy="384" r="39"/><circle cx="59" cy="384" r="39"/></g><path fill="#326de6" d="m195.77 367l-23-41.09l-6.93 7.06v34h-18V277.1h18v29l26.32-29h24.26L185 312.28L217.21 367Zm99.89-89.87v18h-60v-18Zm-60 52.63v-18h49.68v18Zm0 37.37v-18h59.57v18Zm78.43-90h25.43a44.2 44.2 0 0 1 31.7 13.09a42.65 42.65 0 0 1 9.63 14.38a44.46 44.46 0 0 1 0 35.05a41 41 0 0 1-9.63 14.25a45.05 45.05 0 0 1-31.7 13.23h-18.04V367h-7.34Zm18 72h7.45a27 27 0 0 0 0-54.05h-7.45Zm102.61-72h5.3l42.49 90h-19.91l-25.68-54.72l-27.85 54.69h-20.16Z"/><path fill="#fff" d="m446.72 363.34l4.87-8.72h-18.84l5.63-39.07l-.28-.52l-29.79 53.96h.01l-.9 1.6l19.12-.15l-5.08 38.42l.12.5l23.08-42.27h-.01z"/><path fill="#326de6" d="m444.66 367.09l6.88-12.45h-18.8l5.9-40.51l-29.28 53h-6.45l34-63.7l33.95 63.7Z"/></svg>

Как использовать иконку Keda Light

React

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

<Icon icon="thesvg-color:keda-light" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:keda-light" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:keda-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--keda-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:keda-light"></div>

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

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

<iconify-icon icon="thesvg-color:keda-light"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/thesvg-color/keda-light.svg" alt="Иконка Keda Light" width="24" height="24">

Вопросы и ответы: Иконка Keda Light

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

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

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

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

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

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

Все Иконки theSVG Color →