Icono Cirrus
logos:cirrus
El icono Cirrus (logos:cirrus) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 256 × 199. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- SVG Logos
- Autor
- Gil Barbara
- Licencia
- CC0-1.0
- Tamaño
- 256 × 199
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="199" viewBox="0 0 256 199"><path fill="#2271ce" d="M162.614 141.315H93.392V16.913h69.222z"/><path fill="#005eb6" d="M97.783 79.116c0-25.235 11.815-47.714 30.215-62.2C114.543 6.322 97.562 0 79.107 0C35.417 0 0 35.42 0 79.116s35.416 79.117 79.107 79.117c18.455 0 35.436-6.323 48.891-16.916c-18.4-14.486-30.215-36.965-30.215-62.2"/><path fill="#0099df" d="M256 79.116c0 43.696-35.416 79.117-79.107 79.117c-18.455 0-35.436-6.323-48.891-16.916c18.4-14.486 30.215-36.965 30.215-62.2c0-25.236-11.815-47.715-30.215-62.201C141.457 6.322 158.438 0 176.893 0C220.583 0 256 35.42 256 79.116"/><path fill="#231f20" d="M181.7 178.644c-2.197-1.448-5.23-2.198-8.565-2.198c-5.322 0-8.747 2.55-8.747 6.725c0 3.426 2.55 5.533 7.248 6.197l2.158.307c2.5.352 3.687 1.01 3.687 2.193c0 1.63-1.67 2.55-4.789 2.55c-3.164 0-5.447-1.01-6.987-2.198l-2.152 3.561c2.505 1.846 5.668 2.727 9.094 2.727c6.066 0 9.582-2.857 9.582-6.856c0-3.692-2.767-5.624-7.339-6.288l-2.153-.307c-1.976-.261-3.56-.659-3.56-2.062c0-1.54 1.493-2.46 3.998-2.46c2.681 0 5.276 1.011 6.549 1.801zm-107.923 8.832c0 6.373 4.436 11.03 11.206 11.03c3.164 0 5.272-.704 7.556-2.504l-2.199-3.692c-1.71 1.232-3.51 1.89-5.492 1.89c-3.647-.044-6.323-2.68-6.323-6.724s2.676-6.68 6.323-6.725c1.981 0 3.782.659 5.492 1.891l2.199-3.692c-2.284-1.8-4.392-2.505-7.556-2.505c-6.77 0-11.206 4.658-11.206 11.03m44.054-11.03c-2.635 0-4.35 1.233-5.538 3.079v-2.55h-4.522v21.005h4.568V186.2c0-3.471 1.493-5.403 4.481-5.403c.926 0 1.892.131 2.857.529l1.404-4.306c-1.006-.397-2.33-.573-3.25-.573m16.973 0c-2.636 0-4.351 1.233-5.538 3.079v-2.55h-4.522v21.005h4.567V186.2c0-3.471 1.494-5.403 4.482-5.403c.925 0 1.89.131 2.857.529l1.403-4.306c-1.006-.397-2.329-.573-3.25-.573m-32.02 21.524h-4.597v-20.975h4.597zm-2.323-31.457c.452 0 .875.08 1.272.251q.59.25 1.026.69c.29.291.523.633.69 1.026c.172.397.249.82.249 1.272s-.08.875-.25 1.268a3.08 3.08 0 0 1-1.715 1.685q-.596.24-1.272.241q-.68 0-1.268-.241a3 3 0 0 1-1.021-.664a3.1 3.1 0 0 1-.664-1.021a3.3 3.3 0 0 1-.242-1.268q0-.678.242-1.272a3.2 3.2 0 0 1 .664-1.027a3.1 3.1 0 0 1 1.021-.689a3.1 3.1 0 0 1 1.268-.251m60.261 22.57q-.002 2.496-.82 4.291q-.82 1.794-2.163 2.932a8.6 8.6 0 0 1-3.068 1.675a11.96 11.96 0 0 1-7.092 0a8.7 8.7 0 0 1-3.084-1.675q-1.35-1.138-2.162-2.932q-.81-1.795-.81-4.29v-12.088h4.542v11.67q0 1.51.387 2.575q.393 1.058 1.071 1.715c.453.438.991.76 1.61.956a6.6 6.6 0 0 0 1.992.297q1.057 0 1.987-.297a4.05 4.05 0 0 0 1.61-.956c.457-.437.81-1.01 1.07-1.715c.262-.709.388-1.57.388-2.575v-11.67h4.542z"/></svg>Cómo usar el icono Cirrus
React
import { Icon } from "@iconify/react";
<Icon icon="logos:cirrus" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:cirrus" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:cirrus" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--cirrus]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:cirrus"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:cirrus"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/logos/cirrus.svg" alt="Icono Cirrus" width="24" height="24">Iconos relacionados en SVG Logos
Preguntas frecuentes sobre Icono Cirrus
¿El icono Cirrus es gratis para uso comercial?
Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Cirrus en React?
Instala @iconify/react y renderiza <Icon icon="logos:cirrus" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Cirrus a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/cirrus.svg" alt="Icono Cirrus">, o pega el código SVG en línea para darle estilo con CSS.