Ícone Ibm
cib:ibm
O ícone Ibm (cib:ibm) é 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
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M0 21.527h6.224v.889H0zm0-1.71h6.224v.891H0zm1.771-1.708h2.672v.896H1.771zm0-1.702h2.672v.896H1.771zm0-1.71h2.672v.896H1.771zm0-1.708h2.672v.896H1.771zM0 11.287h6.224v.896H0zm0-1.703h6.224v.889H0zm7.109 11.124h9.568c.161-.276.287-.577.359-.891H7.109zm8.823-4.301H8.891v.896h7.792a3.6 3.6 0 0 0-.745-.896zm-7.047-1.71v.896h7.047c.303-.249.547-.552.751-.896zm7.792-3.41H7.109v.896h9.921a3.6 3.6 0 0 0-.353-.896M13.74 9.584H7.109v.889h8.912a3.37 3.37 0 0 0-2.281-.889m-4.855 3.405h2.667v.896H8.885zm5.339.896h2.787a3.4 3.4 0 0 0 .12-.896h-2.907zm-5.339 4.224h2.667v.896H8.885zm5.339 0v.896h2.907c0-.308-.043-.609-.12-.896zm-7.115 4.303l6.625.004c.891 0 1.692-.337 2.292-.889H7.109zm10.672-.885h4.437v.889h-4.437zm0-1.71h4.437v.891h-4.437zm1.771-1.708h2.667v.896h-2.667zm0-1.702h2.667v.896h-2.667zm3.907-5.12h-5.677v.896h5.984zm-.59-1.703h-5.088v.889h5.396zm4.683 11.943H32v.889h-4.448zm0-1.71H32v.891h-4.448zm0-1.708h2.667v.896h-2.667zm0-1.702h2.667v.896h-2.667zm0-.814h2.667v-.896H25.14l-.255.724l-.249-.724h-5.084v.896h2.667v-.823l.287.823h4.765l.281-.823zm2.667-2.604H25.73l-.308.896h4.797zm-3.307-3.405l-.308.889H32v-.889zm-2.027 12.828l.308-.885h-.615zm-.588-1.704h1.181l.319-.891h-1.813zm-.6-1.703h2.381l.312-.896h-3.005zm-.593-1.702h3.573l.301-.896h-4.181zm-3.552-3.418h4.803l-.308-.896h-4.495zm6.464-1.702H32v-.896h-5.683z"/></svg>Como usar o ícone Ibm
React
import { Icon } from "@iconify/react";
<Icon icon="cib:ibm" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:ibm" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:ibm" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--ibm]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:ibm"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:ibm"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/cib/ibm.svg" alt="Ícone Ibm" width="24" height="24">O ícone Ibm em outras coleções
Perguntas frequentes sobre Ícone Ibm
O ícone Ibm é 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 Ibm no React?
Instale @iconify/react e renderize <Icon icon="cib:ibm" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Ibm a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/cib/ibm.svg" alt="Ícone Ibm">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.