Ícone Kestra
thesvg-color:kestra
O ícone Kestra (thesvg-color:kestra) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 600 × 601. 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
- 600 × 601
Código 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>Como usar o ícone 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>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:kestra"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/kestra.svg" alt="Ícone Kestra" width="24" height="24">O ícone Kestra em outras coleções
Perguntas frequentes sobre Ícone Kestra
O ícone Kestra é 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 Kestra no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:kestra" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Kestra a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/kestra.svg" alt="Ícone Kestra">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.