Icono Opensource
whh:opensource
El icono Opensource (whh:opensource) es un icono SVG gratuito de la colección WebHostingHub Glyphs de WebHostingHub. Está dibujado en una cuadrícula de 1024 × 991. WebHostingHub Glyphs icons se publican bajo la Open Font License, 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
- WebHostingHub Glyphs
- Autor
- WebHostingHub
- Licencia
- OFL-1.1
- Tamaño
- 1024 × 991
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="991" viewBox="0 0 1024 991"><path fill="currentColor" d="M692 991L583 690q54-21 87.5-69.5T704 512q0-80-56-136t-136-56t-136 56t-56 136q0 60 33.5 108.5T441 690L332 991Q185 935 92.5 804.5T0 512q0-104 40.5-199t109-163.5T313 40.5T512 0t199 40.5t163.5 109t109 163.5t40.5 199q0 162-92.5 292.5T692 991"/></svg>Cómo usar el icono Opensource
React
import { Icon } from "@iconify/react";
<Icon icon="whh:opensource" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:opensource" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:opensource" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--opensource]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:opensource"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:opensource"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/whh/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í. WebHostingHub Glyphs icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Opensource en React?
Instala @iconify/react y renderiza <Icon icon="whh: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/whh/opensource.svg" alt="Icono Opensource">, o pega el código SVG en línea para darle estilo con CSS.