Ícone Bol
cbi:bol
O ícone Bol (cbi:bol) é um ícone SVG gratuito da coleção Custom Brand Icons de Emanuele & rchiileea. Ele é desenhado em uma grade de 24 × 24. Custom Brand Icons usam a licença CC BY-NC-SA 4.0, que não permite uso comercial sem uma permissão separada do autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Custom Brand Icons
- Autor
- Emanuele & rchiileea
- Licença
- CC-BY-NC-SA-4.0
- Tamanho
- 24 × 24
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2 8.081v7.735h3.723c2.122 0 3.054-1.61 3.054-2.971c0-1.804-1.302-3.12-3.098-3.12c-.483 0-.946.08-1.396.25V8.081Zm14.578 0v7.735h2.283V8.08Zm-3.956 1.647c-2.447 0-3.491 1.553-3.491 3.096c0 1.463.988 3.096 3.514 3.096c2.357 0 3.469-1.508 3.469-3.096c0-1.451-.966-3.096-3.492-3.096m-7.395 1.936c.772 0 1.307.458 1.307 1.158s-.546 1.156-1.375 1.156a5 5 0 0 1-.876-.081v-2.09c.319-.103.66-.143.944-.143m7.395.002c.714 0 1.206.478 1.206 1.158s-.492 1.157-1.206 1.157c-.713 0-1.205-.476-1.205-1.157c0-.68.492-1.158 1.205-1.158m7.985 1.468a1.393 1.393 0 1 0 0 2.786a1.393 1.393 0 0 0 0-2.786"/></svg>Como usar o ícone Bol
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:bol" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:bol" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:bol" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--bol]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:bol"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:bol"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/cbi/bol.svg" alt="Ícone Bol" width="24" height="24">Ícones relacionados em Custom Brand Icons
O ícone Bol em outras coleções
Perguntas frequentes sobre Ícone Bol
O ícone Bol é grátis para uso comercial?
Não. Custom Brand Icons usam a licença CC BY-NC-SA 4.0, que não permite uso comercial sem uma permissão separada do autor.
Como uso o ícone Bol no React?
Instale @iconify/react e renderize <Icon icon="cbi:bol" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Bol a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/cbi/bol.svg" alt="Ícone Bol">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.