Stumbleupon icon
el:stumbleupon
The Stumbleupon icon (el:stumbleupon) is a free SVG icon from the Elusive Icons set by Team Redux. It is drawn on a 1200 × 1200 grid. Elusive Icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Elusive Icons
- Author
- Team Redux
- License
- OFL-1.1
- Size
- 1200 × 1200
SVG code
<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>
How to use the Stumbleupon icon
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>
HTML image
<img src="https://iconyz.com/api/public/svg/el/stumbleupon.svg" alt="Stumbleupon icon" width="24" height="24">
Stumbleupon icon in other icon sets
Stumbleupon icon FAQ
Is the Stumbleupon icon free for commercial use?
Yes. Elusive Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Stumbleupon icon in React?
Install @iconify/react and render <Icon icon="el:stumbleupon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Stumbleupon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/el/stumbleupon.svg" alt="Stumbleupon icon">, or paste the SVG code inline to style it with CSS.
Browse all Elusive Icons →
ICONYZ
