humblebundle logo

humblebundle from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
humblebundle
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the humblebundle logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.895 19.341c-3.384 0 1.826-19.186 1.826-19.186L16.233.151s-1.427 4.515-2.37 9.533h-3.005c.078-1.032.116-2.076.099-3.114c-.135-8.26-4.974-6.73-7.14-4.835C1.758 3.538.033 6.962 0 9.6c.328-.016 1.624-.022 1.624-.022S2.702 4.66 6.086 4.66c3.385 0-1.834 19.187-1.834 19.187l3.49.002s1.803-5.136 2.7-10.872l2.87-.017c-.167 1.485-.22 3.124-.196 4.646c.136 8.26 4.956 6.488 7.122 4.593s3.782-5.9 3.762-7.822c.002-.002-1.645.013-1.665.013c.006.152-1.056 4.951-4.44 4.951"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsHumblebundle(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.895 19.341c-3.384 0 1.826-19.186 1.826-19.186L16.233.151s-1.427 4.515-2.37 9.533h-3.005c.078-1.032.116-2.076.099-3.114c-.135-8.26-4.974-6.73-7.14-4.835C1.758 3.538.033 6.962 0 9.6c.328-.016 1.624-.022 1.624-.022S2.702 4.66 6.086 4.66c3.385 0-1.834 19.187-1.834 19.187l3.49.002s1.803-5.136 2.7-10.872l2.87-.017c-.167 1.485-.22 3.124-.196 4.646c.136 8.26 4.956 6.488 7.122 4.593s3.782-5.9 3.762-7.822c.002-.002-1.645.013-1.665.013c.006.152-1.056 4.951-4.44 4.951"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.895 19.341c-3.384 0 1.826-19.186 1.826-19.186L16.233.151s-1.427 4.515-2.37 9.533h-3.005c.078-1.032.116-2.076.099-3.114c-.135-8.26-4.974-6.73-7.14-4.835C1.758 3.538.033 6.962 0 9.6c.328-.016 1.624-.022 1.624-.022S2.702 4.66 6.086 4.66c3.385 0-1.834 19.187-1.834 19.187l3.49.002s1.803-5.136 2.7-10.872l2.87-.017c-.167 1.485-.22 3.124-.196 4.646c.136 8.26 4.956 6.488 7.122 4.593s3.782-5.9 3.762-7.822c.002-.002-1.645.013-1.665.013c.006.152-1.056 4.951-4.44 4.951"/></svg>
</template>

CSS

.icon-humblebundle {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.895%2019.341c-3.384%200%201.826-19.186%201.826-19.186L16.233.151s-1.427%204.515-2.37%209.533h-3.005c.078-1.032.116-2.076.099-3.114c-.135-8.26-4.974-6.73-7.14-4.835C1.758%203.538.033%206.962%200%209.6c.328-.016%201.624-.022%201.624-.022S2.702%204.66%206.086%204.66c3.385%200-1.834%2019.187-1.834%2019.187l3.49.002s1.803-5.136%202.7-10.872l2.87-.017c-.167%201.485-.22%203.124-.196%204.646c.136%208.26%204.956%206.488%207.122%204.593s3.782-5.9%203.762-7.822c.002-.002-1.645.013-1.665.013c.006.152-1.056%204.951-4.44%204.951%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.895%2019.341c-3.384%200%201.826-19.186%201.826-19.186L16.233.151s-1.427%204.515-2.37%209.533h-3.005c.078-1.032.116-2.076.099-3.114c-.135-8.26-4.974-6.73-7.14-4.835C1.758%203.538.033%206.962%200%209.6c.328-.016%201.624-.022%201.624-.022S2.702%204.66%206.086%204.66c3.385%200-1.834%2019.187-1.834%2019.187l3.49.002s1.803-5.136%202.7-10.872l2.87-.017c-.167%201.485-.22%203.124-.196%204.646c.136%208.26%204.956%206.488%207.122%204.593s3.782-5.9%203.762-7.822c.002-.002-1.645.013-1.665.013c.006.152-1.056%204.951-4.44%204.951%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/humblebundle.svg?color=%231a73e8&size=48