Icono Opensource
logos:opensource
El icono Opensource (logos:opensource) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 256 × 248. 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 × 248
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="248" viewBox="0 0 256 248"><path fill="#3da639" d="M143.337 167.832c22.063-8.473 33.082-33.231 24.612-55.301s-33.222-33.092-55.284-24.62c-22.063 8.473-33.081 33.232-24.612 55.302a42.8 42.8 0 0 0 24.612 24.619l-28.823 75.13C20.3 218.564-11.44 147.26 12.949 83.698s95.67-95.311 159.212-70.915s95.281 95.7 70.892 159.262a123.25 123.25 0 0 1-70.892 70.915z"/><path fill="#1d531d" d="M172.16 247.369a4.4 4.4 0 0 1-4.113-2.828l-28.824-75.13a4.41 4.41 0 0 1 2.535-5.694c9.571-3.675 17.14-10.86 21.31-20.23c4.17-9.369 4.442-19.802.767-29.376c-7.585-19.766-29.831-29.673-49.59-22.085c-19.76 7.589-29.664 29.842-22.078 49.607a38.45 38.45 0 0 0 22.077 22.084a4.41 4.41 0 0 1 2.535 5.694l-28.824 75.13a4.406 4.406 0 0 1-5.692 2.535c-31.83-12.22-56.998-36.11-70.867-67.266c-13.868-31.156-14.778-65.85-2.56-97.69C21.051 50.28 44.933 25.104 76.08 11.23s65.829-14.783 97.66-2.562c31.83 12.221 56.998 36.11 70.866 67.266s14.778 65.85 2.56 97.69c-12.942 33.732-39.706 60.504-73.427 73.451a4.4 4.4 0 0 1-1.578.293M127.959 8.94c-16.433 0-32.83 3.456-48.294 10.343C50.67 32.2 28.436 55.637 17.063 85.28c-11.374 29.642-10.527 61.94 2.384 90.945c12.312 27.66 34.188 49.166 61.888 60.969l25.712-67.02a47.3 47.3 0 0 1-23.107-25.38c-9.327-24.304 2.85-51.666 27.146-60.996c24.297-9.33 51.649 2.852 60.976 27.154c4.519 11.773 4.183 24.602-.944 36.122c-4.525 10.168-12.305 18.243-22.16 23.106l25.708 67.011c29.465-12.59 52.751-36.694 64.274-66.724c11.373-29.641 10.527-61.94-2.385-90.945c-12.91-29.005-36.34-51.245-65.973-62.622c-13.831-5.31-28.241-7.958-42.624-7.958m109.783 220.633q-2.395 2.45-2.395 5.812q0 3.483 2.436 5.92q2.423 2.436 5.853 2.436q3.416 0 5.839-2.45q2.422-2.463 2.422-5.906q0-3.35-2.409-5.812q-2.436-2.505-5.852-2.505q-3.458 0-5.894 2.505m12.917 13.012q-2.926 2.83-7.023 2.83q-4.233 0-7.132-2.898q-2.9-2.9-2.9-7.132q0-4.397 3.131-7.31q2.94-2.722 6.9-2.722q4.152 0 7.092 2.94t2.94 7.092q0 4.274-3.008 7.2m-6.111-10.549q-.6-.231-1.688-.231h-.708v3.226h1.13q1.02 0 1.592-.409q.572-.408.572-1.32t-.898-1.266m-5.309 8.929v-11.12q1.035 0 3.097.007q2.063.006 2.293.02q1.32.095 2.192.572q1.483.816 1.483 2.654q0 1.402-.782 2.028q-.783.626-1.926.749q1.048.217 1.579.64q.98.788.98 2.49v.994q0 .162.02.326t.075.327l.095.313h-2.777q-.136-.531-.176-1.538q-.042-1.007-.177-1.361a1.35 1.35 0 0 0-.817-.817q-.327-.136-.994-.177l-.64-.04h-.612v3.933z"/></svg>Cómo usar el icono Opensource
React
import { Icon } from "@iconify/react";
<Icon icon="logos:opensource" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:opensource" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:opensource" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--opensource]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:opensource"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:opensource"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/logos/opensource.svg" alt="Icono Opensource" width="24" height="24">El icono Opensource en otras colecciones
Preguntas frecuentes sobre Icono Opensource
¿El icono Opensource 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 Opensource en React?
Instala @iconify/react y renderiza <Icon icon="logos:opensource" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Opensource a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/opensource.svg" alt="Icono Opensource">, o pega el código SVG en línea para darle estilo con CSS.