stumbleupon logo
stumbleupon from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- stumbleupon
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the stumbleupon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M31.431 16.625v4.356a7.023 7.023 0 0 1-7.025 7.025c-3.863 0-7.025-3.113-7.025-6.956v-4.387l2.144 1l3.194-.95v4.413c0 .919.75 1.656 1.669 1.656s1.675-.738 1.675-1.656v-4.5zm-14.044-3.637l2.144 1l3.194-.95v-2.225C22.725 7.032 19.531 4 15.719 4c-3.8 0-7.006 3.012-7.006 6.762v10.15c0 .931-.75 1.669-1.669 1.669s-1.669-.738-1.669-1.669v-4.288H0v4.356a7.02 7.02 0 0 0 7.025 7.019c3.85 0 7.025-3.094 7.025-6.925V11.055c0-.919.75-1.669 1.669-1.669s1.669.75 1.669 1.669z"/></svg>
React
import type { SVGProps } from "react";
export function CibStumbleupon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M31.431 16.625v4.356a7.023 7.023 0 0 1-7.025 7.025c-3.863 0-7.025-3.113-7.025-6.956v-4.387l2.144 1l3.194-.95v4.413c0 .919.75 1.656 1.669 1.656s1.675-.738 1.675-1.656v-4.5zm-14.044-3.637l2.144 1l3.194-.95v-2.225C22.725 7.032 19.531 4 15.719 4c-3.8 0-7.006 3.012-7.006 6.762v10.15c0 .931-.75 1.669-1.669 1.669s-1.669-.738-1.669-1.669v-4.288H0v4.356a7.02 7.02 0 0 0 7.025 7.019c3.85 0 7.025-3.094 7.025-6.925V11.055c0-.919.75-1.669 1.669-1.669s1.669.75 1.669 1.669z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M31.431 16.625v4.356a7.023 7.023 0 0 1-7.025 7.025c-3.863 0-7.025-3.113-7.025-6.956v-4.387l2.144 1l3.194-.95v4.413c0 .919.75 1.656 1.669 1.656s1.675-.738 1.675-1.656v-4.5zm-14.044-3.637l2.144 1l3.194-.95v-2.225C22.725 7.032 19.531 4 15.719 4c-3.8 0-7.006 3.012-7.006 6.762v10.15c0 .931-.75 1.669-1.669 1.669s-1.669-.738-1.669-1.669v-4.288H0v4.356a7.02 7.02 0 0 0 7.025 7.019c3.85 0 7.025-3.094 7.025-6.925V11.055c0-.919.75-1.669 1.669-1.669s1.669.75 1.669 1.669z"/></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%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M31.431%2016.625v4.356a7.023%207.023%200%200%201-7.025%207.025c-3.863%200-7.025-3.113-7.025-6.956v-4.387l2.144%201l3.194-.95v4.413c0%20.919.75%201.656%201.669%201.656s1.675-.738%201.675-1.656v-4.5zm-14.044-3.637l2.144%201l3.194-.95v-2.225C22.725%207.032%2019.531%204%2015.719%204c-3.8%200-7.006%203.012-7.006%206.762v10.15c0%20.931-.75%201.669-1.669%201.669s-1.669-.738-1.669-1.669v-4.288H0v4.356a7.02%207.02%200%200%200%207.025%207.019c3.85%200%207.025-3.094%207.025-6.925V11.055c0-.919.75-1.669%201.669-1.669s1.669.75%201.669%201.669z%22%2F%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%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M31.431%2016.625v4.356a7.023%207.023%200%200%201-7.025%207.025c-3.863%200-7.025-3.113-7.025-6.956v-4.387l2.144%201l3.194-.95v4.413c0%20.919.75%201.656%201.669%201.656s1.675-.738%201.675-1.656v-4.5zm-14.044-3.637l2.144%201l3.194-.95v-2.225C22.725%207.032%2019.531%204%2015.719%204c-3.8%200-7.006%203.012-7.006%206.762v10.15c0%20.931-.75%201.669-1.669%201.669s-1.669-.738-1.669-1.669v-4.288H0v4.356a7.02%207.02%200%200%200%207.025%207.019c3.85%200%207.025-3.094%207.025-6.925V11.055c0-.919.75-1.669%201.669-1.669s1.669.75%201.669%201.669z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/stumbleupon.svg?color=%231a73e8&size=48
