Иконка Kestra

thesvg-color:kestra

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="600" height="601" viewBox="0 0 600 601"><g fill="none"><g clip-path="url(#SVGCcW6HbUV)"><path fill="#2c0059" d="M0 68.023C0 30.978 30.03.948 67.075.948h465.85C569.97.948 600 30.978 600 68.023v465.85c0 37.044-30.031 67.075-67.075 67.075H67.075C30.031 600.948 0 570.917 0 533.873z"/><path fill="#a950ff" d="M285.264 252.767c8.137-8.137 21.33-8.137 29.467 0l33.448 33.448c8.138 8.137 8.138 21.33 0 29.467l-33.448 33.448c-8.137 8.138-21.33 8.138-29.467 0l-33.448-33.448c-8.137-8.137-8.137-21.33 0-29.467zm154.058-.267c7.991-7.991 20.948-7.991 28.939 0l33.976 33.976c7.991 7.991 7.991 20.948 0 28.939l-33.976 33.976c-7.991 7.991-20.948 7.992-28.939 0l-33.976-33.976c-7.991-7.991-7.991-20.948 0-28.939z"/><path fill="#e9c1ff" d="M285.528 98.71c7.991-7.99 20.948-7.99 28.94 0l33.975 33.976c7.992 7.992 7.992 20.949 0 28.94l-33.975 33.976c-7.992 7.991-20.949 7.991-28.94 0l-33.976-33.976c-7.991-7.991-7.991-20.948 0-28.94z"/><path fill="#cd88ff" d="M271.29 209.32c8.137 8.137 8.137 21.33 0 29.467l-33.448 33.448c-8.137 8.137-21.33 8.137-29.467 0l-33.448-33.448c-8.138-8.137-8.138-21.33 0-29.467l33.448-33.449c8.137-8.137 21.33-8.137 29.467 0z"/><path fill="#a950ff" d="M194.654 286.476c7.991 7.991 7.991 20.948 0 28.939l-33.976 33.976c-7.991 7.991-20.948 7.991-28.94 0l-33.975-33.976c-7.992-7.991-7.992-20.948 0-28.939l33.975-33.976c7.992-7.991 20.949-7.991 28.94 0z"/><path fill="#cd88ff" d="M425.078 209.32c8.137 8.137 8.137 21.33 0 29.467l-33.448 33.448c-8.138 8.137-21.33 8.137-29.467 0l-33.449-33.448c-8.137-8.137-8.137-21.33 0-29.467l33.449-33.449c8.137-8.137 21.329-8.137 29.467 0z"/><path fill="#f62e76" d="M332.916 428.992c18.179 18.179 18.179 47.653 0 65.832s-47.653 18.179-65.832 0s-18.179-47.653 0-65.832s47.653-18.179 65.832 0"/></g><defs><clipPath id="SVGCcW6HbUV"><path fill="#fff" d="M0 .948h600v600H0z"/></clipPath></defs></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="thesvg-color:kestra"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

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