Icono Krakend Light
selfhst:krakend-light
El icono Krakend Light (selfhst:krakend-light) es un icono SVG gratuito de la colección selfh.st/icons de selfh.st. Está dibujado en una cuadrícula de 512 × 512. selfh.st/icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- selfh.st/icons
- Autor
- selfh.st
- Licencia
- CC-BY-4.0
- Tamaño
- 512 × 512
- Etiquetas
- krakendlight
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M436.9 74.7C388.8 27.6 324.6 1.6 256 1.6S123.2 27.5 75.1 74.7C26.7 122.1 0 185.8 0 254.1c0 35.1 7.1 68.5 19.9 99h-.1c.1.4.6 1.4 1.4 3C60.6 446.8 151 510.4 256 510.4c141.2 0 256-114.9 256-256.3c0-68.2-26.7-132-75.1-179.4M90.1 90.1c44.1-43.2 103-67 165.9-67c62.4 0 120.8 23.4 164.8 65.9c-49.3-31.9-104.9-39.7-150.9-33.3c-77.2 8.8-130.7 66.2-130.3 140.1c.4 74.1 60.6 134.4 134.3 134.4c30.3 0 58.9-9.9 82.3-28.2c1 5.8 1.6 11.8 1.8 17.8c.8 30-9.5 56.9-29.8 77.7c-25.2 25.9-63 40.2-106.5 40.2v.1C86.8 439.9 44 354.5 39.9 345.4c-11.8-28-18.4-58.8-18.4-91.2c0-62.5 24.4-120.7 68.6-164.1m78.6 146.3c20.9-19.2 47.8-29.8 76.4-29.8c47.7 0 88.1 29.7 104.7 72.5c-20.8 19.1-47.5 29.6-76 29.6c-47.7 0-88.6-30.1-105.1-72.3M256 489c-54.7 0-105.1-18.9-145.1-50.4c27.3 12.3 61.9 20.8 105.4 20.8q6.45 0 13.2-.3v-.1c46-1.7 86.4-18.1 114-46.5c24.4-25.1 36.8-57.3 35.9-93.3c-1.9-75.3-60.9-134.2-134.3-134.2c-30.5 0-59.1 10-82.6 28.5c-.9-5.8-1.5-11.7-1.5-17.8c-.3-52.4 33.3-108.7 108.8-118.3v.1C336.2 67.2 426 89.7 479.4 183.1c7.3 22.6 11.1 46.5 11.1 71.1C490.5 383.7 385.3 489 256 489m12.2-392.6c-21.4 0-38.8 17.4-38.8 38.8s17.4 38.8 38.8 38.8c21.3 0 38.8-17.4 38.8-38.8s-17.4-38.8-38.8-38.8m0 56.1c-9.6 0-17.3-7.8-17.3-17.3s7.8-17.3 17.3-17.3s17.2 7.7 17.3 17.3c0 9.5-7.7 17.3-17.3 17.3m-175.4 58c21.4 0 38.8-17.4 38.8-38.8s-17.4-38.8-38.8-38.8S54 150.3 54 171.7s17.4 38.8 38.8 38.8m0-56.1c9.5 0 17.2 7.8 17.3 17.3c0 9.5-7.8 17.3-17.3 17.3c-9.6 0-17.3-7.8-17.3-17.3s7.8-17.3 17.3-17.3m337.1 16.7c0-28.2-22.9-51.1-51.1-51.1s-51.1 22.9-51.1 51.1s22.9 51.1 51.1 51.1c28.1 0 51-22.9 51.1-51.1m-51.1 29.6c-16.2 0-29.5-13.3-29.5-29.6s13.2-29.6 29.5-29.6c16.2 0 29.5 13.3 29.5 29.6s-13.2 29.6-29.5 29.6M93.4 234c-28.2 0-51.1 22.9-51.1 51.1s22.9 51.1 51.1 51.1s51.1-22.9 51.1-51.1S121.6 234 93.4 234m0 80.7c-16.2 0-29.5-13.3-29.5-29.6s13.2-29.6 29.5-29.6s29.5 13.3 29.5 29.6s-13.2 29.6-29.5 29.6m341.2-79.8c-24.3 0-44.1 19.8-44.1 44.2s19.8 44.2 44.1 44.2s44.1-19.8 44.1-44.2s-19.8-44.2-44.1-44.2m0 66.8c-12.5 0-22.6-10.1-22.6-22.6c0-12.4 10.1-22.6 22.6-22.6c12.4 0 22.6 10.1 22.6 22.6c0 12.4-10.1 22.6-22.6 22.6M177.7 413.9c24.3 0 44.1-19.9 44.1-44.2c0-24.4-19.8-44.2-44.1-44.2s-44.1 19.8-44.1 44.2s19.8 44.2 44.1 44.2m0-66.8c12.4 0 22.6 10.1 22.6 22.6c0 12.4-10.1 22.6-22.6 22.6s-22.6-10.1-22.6-22.6c0-12.4 10.1-22.6 22.6-22.6"/></svg>Cómo usar el icono Krakend Light
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:krakend-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:krakend-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:krakend-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--krakend-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:krakend-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:krakend-light"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/selfhst/krakend-light.svg" alt="Icono Krakend Light" width="24" height="24">Iconos relacionados en selfh.st/icons
Preguntas frecuentes sobre Icono Krakend Light
¿El icono Krakend Light es gratis para uso comercial?
Sí. selfh.st/icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Krakend Light en React?
Instala @iconify/react y renderiza <Icon icon="selfhst:krakend-light" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Krakend Light a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/selfhst/krakend-light.svg" alt="Icono Krakend Light">, o pega el código SVG en línea para darle estilo con CSS.