Icono Stumbleupon
el:stumbleupon
El icono Stumbleupon (el:stumbleupon) es un icono SVG gratuito de la colección Elusive Icons de Team Redux. Está dibujado en una cuadrícula de 1200 × 1200. Elusive 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
- Elusive Icons
- Autor
- Team Redux
- Licencia
- OFL-1.1
- Tamaño
- 1200 × 1200
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M1075.341 231.76c131.618 176.24 160.644 407.959 79.297 601.287c-101.286 224.85-320.8 365.262-553.788 366.953c-229.359-2.552-432.951-132.474-535.091-327.039h261.744c113.074-.812 210-70.317 211.458-175.105c-.053-57.375-21.431-110.063-67.692-138.412c-40.654-23.182-83.378-27.768-126.359-35.408c-26.686-5.588-67.144-10.979-67.692-41.201c2.476-48.569 53.951-52.613 87.677-52.79h181.803c26.044.684 51.756 2.17 74.783 11.588c23.791 11.058 35.874 27.712 36.104 51.502V674.68c1.797 60.14 21.35 111.326 63.824 148.713c43.147 34.728 94.059 49.272 145.056 49.57c54.485-1.484 106.175-16.448 145.055-49.57c44.651-41.657 63.449-93.776 63.824-148.713V231.76zM600.85 0c124.424 1.608 241.951 41.194 337.817 104.292v575.536c-3.203 42.193-33.751 71.574-72.205 72.104c-42.135-3.179-72.947-33.539-73.495-72.104V507.296c-1.57-76.377-22.484-156.604-96.703-184.764q-29.658-10.944-63.18-10.944H337.816c-52.301 1.314-100.536 16.079-137.964 47.64c-38.972 35.861-57.663 80.438-58.022 128.756c.58 33.016 8.106 65.892 25.143 91.417c28.273 38.543 68.882 56.633 110.242 64.378c33.069 7.842 67.005 7.889 97.993 18.024c22.555 8.431 29.497 21.535 29.655 42.489c-1.312 24.92-14.557 35.828-35.458 41.846c-29.71 6.937-60.42 5.781-88.322 5.794H19.34C7.024 700.704.12 648.59 0 600C6.339 264.631 280.42 2.327 600.85 0"/></svg>
Cómo usar el icono Stumbleupon
React
import { Icon } from "@iconify/react";
<Icon icon="el:stumbleupon" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:stumbleupon" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:stumbleupon" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--stumbleupon]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:stumbleupon"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:stumbleupon"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/el/stumbleupon.svg" alt="Icono Stumbleupon" width="24" height="24">
El icono Stumbleupon en otras colecciones
Preguntas frecuentes sobre Icono Stumbleupon
¿El icono Stumbleupon es gratis para uso comercial?
Sí. Elusive Icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Stumbleupon en React?
Instala @iconify/react y renderiza <Icon icon="el:stumbleupon" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Stumbleupon a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/el/stumbleupon.svg" alt="Icono Stumbleupon">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Elusive Icons →
ICONYZ
