stumbleupon icon
stumbleupon from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.
- Name
- stumbleupon
- Set
- Jam Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Jam Icons
Use the stumbleupon icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -4.5 24 24"><g fill="currentColor"><path d="M16.817 8.219v2.208c0 .743-.6 1.376-1.335 1.363a1.32 1.32 0 0 1-1.29-1.328V8.333a.377.377 0 0 0-.507-.357l-1.158.433a.37.37 0 0 1-.269-.003l-.69-.275a.377.377 0 0 0-.514.354v1.908c0 2.473 1.94 4.536 4.381 4.573c2.486.039 4.52-1.997 4.52-4.504V8.218a.343.343 0 0 0-.34-.344h-2.458a.343.343 0 0 0-.34.345"/><path d="M11.054 4.334V5.39c0 .157.094.297.238.355l.99.395a.37.37 0 0 0 .27.003l1.394-.522a.38.38 0 0 0 .246-.357v-.896c0-2.34-1.837-4.294-4.15-4.33C7.69.001 5.764 1.928 5.764 4.303v6.124c0 .743-.6 1.376-1.335 1.363a1.32 1.32 0 0 1-1.29-1.328V8.219a.343.343 0 0 0-.34-.345H.34a.343.343 0 0 0-.34.345v2.174c0 2.473 1.94 4.536 4.381 4.573c2.486.039 4.52-1.997 4.52-4.504v-6.16c0-.618.513-1.118 1.13-1.088c.579.03 1.023.534 1.023 1.12"/></g></svg>
React
import type { SVGProps } from "react";
export function JamStumbleupon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -4.5 24 24"><g fill="currentColor"><path d="M16.817 8.219v2.208c0 .743-.6 1.376-1.335 1.363a1.32 1.32 0 0 1-1.29-1.328V8.333a.377.377 0 0 0-.507-.357l-1.158.433a.37.37 0 0 1-.269-.003l-.69-.275a.377.377 0 0 0-.514.354v1.908c0 2.473 1.94 4.536 4.381 4.573c2.486.039 4.52-1.997 4.52-4.504V8.218a.343.343 0 0 0-.34-.344h-2.458a.343.343 0 0 0-.34.345"/><path d="M11.054 4.334V5.39c0 .157.094.297.238.355l.99.395a.37.37 0 0 0 .27.003l1.394-.522a.38.38 0 0 0 .246-.357v-.896c0-2.34-1.837-4.294-4.15-4.33C7.69.001 5.764 1.928 5.764 4.303v6.124c0 .743-.6 1.376-1.335 1.363a1.32 1.32 0 0 1-1.29-1.328V8.219a.343.343 0 0 0-.34-.345H.34a.343.343 0 0 0-.34.345v2.174c0 2.473 1.94 4.536 4.381 4.573c2.486.039 4.52-1.997 4.52-4.504v-6.16c0-.618.513-1.118 1.13-1.088c.579.03 1.023.534 1.023 1.12"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -4.5 24 24"><g fill="currentColor"><path d="M16.817 8.219v2.208c0 .743-.6 1.376-1.335 1.363a1.32 1.32 0 0 1-1.29-1.328V8.333a.377.377 0 0 0-.507-.357l-1.158.433a.37.37 0 0 1-.269-.003l-.69-.275a.377.377 0 0 0-.514.354v1.908c0 2.473 1.94 4.536 4.381 4.573c2.486.039 4.52-1.997 4.52-4.504V8.218a.343.343 0 0 0-.34-.344h-2.458a.343.343 0 0 0-.34.345"/><path d="M11.054 4.334V5.39c0 .157.094.297.238.355l.99.395a.37.37 0 0 0 .27.003l1.394-.522a.38.38 0 0 0 .246-.357v-.896c0-2.34-1.837-4.294-4.15-4.33C7.69.001 5.764 1.928 5.764 4.303v6.124c0 .743-.6 1.376-1.335 1.363a1.32 1.32 0 0 1-1.29-1.328V8.219a.343.343 0 0 0-.34-.345H.34a.343.343 0 0 0-.34.345v2.174c0 2.473 1.94 4.536 4.381 4.573c2.486.039 4.52-1.997 4.52-4.504v-6.16c0-.618.513-1.118 1.13-1.088c.579.03 1.023.534 1.023 1.12"/></g></svg> </template>
CSS
.icon-stumbleupon {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%22-2%20-4.5%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M16.817%208.219v2.208c0%20.743-.6%201.376-1.335%201.363a1.32%201.32%200%200%201-1.29-1.328V8.333a.377.377%200%200%200-.507-.357l-1.158.433a.37.37%200%200%201-.269-.003l-.69-.275a.377.377%200%200%200-.514.354v1.908c0%202.473%201.94%204.536%204.381%204.573c2.486.039%204.52-1.997%204.52-4.504V8.218a.343.343%200%200%200-.34-.344h-2.458a.343.343%200%200%200-.34.345%22%2F%3E%3Cpath%20d%3D%22M11.054%204.334V5.39c0%20.157.094.297.238.355l.99.395a.37.37%200%200%200%20.27.003l1.394-.522a.38.38%200%200%200%20.246-.357v-.896c0-2.34-1.837-4.294-4.15-4.33C7.69.001%205.764%201.928%205.764%204.303v6.124c0%20.743-.6%201.376-1.335%201.363a1.32%201.32%200%200%201-1.29-1.328V8.219a.343.343%200%200%200-.34-.345H.34a.343.343%200%200%200-.34.345v2.174c0%202.473%201.94%204.536%204.381%204.573c2.486.039%204.52-1.997%204.52-4.504v-6.16c0-.618.513-1.118%201.13-1.088c.579.03%201.023.534%201.023%201.12%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%22-2%20-4.5%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M16.817%208.219v2.208c0%20.743-.6%201.376-1.335%201.363a1.32%201.32%200%200%201-1.29-1.328V8.333a.377.377%200%200%200-.507-.357l-1.158.433a.37.37%200%200%201-.269-.003l-.69-.275a.377.377%200%200%200-.514.354v1.908c0%202.473%201.94%204.536%204.381%204.573c2.486.039%204.52-1.997%204.52-4.504V8.218a.343.343%200%200%200-.34-.344h-2.458a.343.343%200%200%200-.34.345%22%2F%3E%3Cpath%20d%3D%22M11.054%204.334V5.39c0%20.157.094.297.238.355l.99.395a.37.37%200%200%200%20.27.003l1.394-.522a.38.38%200%200%200%20.246-.357v-.896c0-2.34-1.837-4.294-4.15-4.33C7.69.001%205.764%201.928%205.764%204.303v6.124c0%20.743-.6%201.376-1.335%201.363a1.32%201.32%200%200%201-1.29-1.328V8.219a.343.343%200%200%200-.34-.345H.34a.343.343%200%200%200-.34.345v2.174c0%202.473%201.94%204.536%204.381%204.573c2.486.039%204.52-1.997%204.52-4.504v-6.16c0-.618.513-1.118%201.13-1.088c.579.03%201.023.534%201.023%201.12%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/stumbleupon.svg?color=%231a73e8&size=48