Ícone Humble Bundle
cib:humble-bundle
O ícone Humble Bundle (cib:humble-bundle) é um ícone SVG gratuito da coleção CoreUI Brands de creativeLabs Łukasz Holeczek. Ele é desenhado em uma grade de 32 × 32. CoreUI Brands icons são publicados sob a licença CC0 1.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- CoreUI Brands
- Autor
- creativeLabs Łukasz Holeczek
- Licença
- CC0-1.0
- Tamanho
- 32 × 32
- Tags
- humblebundle
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M5.526 31.995c.161-.62.307-1.198.458-1.786c.922-3.615 1.76-7.25 2.427-10.927c.328-1.802.594-3.615.844-5.432c.188-1.37.286-2.75.266-4.141c-.016-.74-.047-1.49-.26-2.203a3.8 3.8 0 0 0-.401-.917c-.219-.365-.573-.505-1-.49c-1.177.031-2.177.484-3.026 1.276c-.969.911-1.604 2.036-2.073 3.26c-.219.583-.38 1.182-.563 1.776c-.026.089-.036.161-.151.161q-.99-.006-1.979-.005c-.021 0-.031-.016-.047-.016c0-.255-.031-.516 0-.76c.464-3.807 2.094-7.026 4.891-9.635C5.959 1.177 7.198.495 8.615.187c2.073-.448 3.729.344 4.714 2.24c.5.964.771 1.995.948 3.057c.276 1.719.292 3.448.234 5.182c-.021.563-.057 1.12-.083 1.682c-.005.068 0 .141 0 .234c.073 0 .141.01.203.01c1.208 0 2.411-.005 3.625.005c.161 0 .214-.063.24-.214A86 86 0 0 1 21.684.159c.031-.094.063-.161.193-.161q2.243.006 4.484.005c.021 0 .047.005.094.01l-.26 1.005c-1.005 3.911-1.911 7.844-2.646 11.818a76 76 0 0 0-.922 6.219c-.115 1.167-.188 2.333-.151 3.505c.021.708.073 1.417.297 2.094c.083.271.214.531.365.771c.219.349.568.49.984.479c1.547-.047 2.724-.786 3.661-1.964c.943-1.172 1.51-2.531 1.911-3.974c.036-.13.078-.266.104-.406c.016-.109.068-.141.172-.141c.62.005 1.245.005 1.865 0c.135 0 .161.057.156.177c-.016 1.073-.208 2.109-.521 3.13c-.786 2.568-2.073 4.844-3.99 6.745c-1.083 1.078-2.349 1.875-3.839 2.276c-.901.24-1.807.281-2.698-.042c-1.016-.359-1.703-1.083-2.214-2.005c-.536-.964-.818-2.016-1-3.094c-.323-1.875-.323-3.766-.229-5.656c.052-1.188.167-2.37.255-3.552c.021-.255.021-.255-.229-.255q-1.711.001-3.422-.005c-.141 0-.203.036-.229.182a78 78 0 0 1-1.432 7.188a86 86 0 0 1-2.115 7.276c-.057.172-.141.214-.313.214q-2.127-.006-4.26-.005z"/></svg>Como usar o ícone Humble Bundle
React
import { Icon } from "@iconify/react";
<Icon icon="cib:humble-bundle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:humble-bundle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:humble-bundle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--humble-bundle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:humble-bundle"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:humble-bundle"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/cib/humble-bundle.svg" alt="Ícone Humble Bundle" width="24" height="24">O ícone Humble Bundle em outras coleções
Perguntas frequentes sobre Ícone Humble Bundle
O ícone Humble Bundle é grátis para uso comercial?
Sim. CoreUI Brands icons são publicados sob a licença CC0 1.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Humble Bundle no React?
Instale @iconify/react e renderize <Icon icon="cib:humble-bundle" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Humble Bundle a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/cib/humble-bundle.svg" alt="Ícone Humble Bundle">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.