Ícone Bilibili
simple-icons:bilibili
O ícone Bilibili (simple-icons:bilibili) é um ícone SVG gratuito da coleção Simple Icons de Simple Icons Collaborators. Ele é desenhado em uma grade de 24 × 24. Simple 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
- Simple Icons
- Autor
- Simple Icons Collaborators
- Licença
- CC0-1.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="M17.813 4.653h.854q2.266.08 3.773 1.574Q23.946 7.72 24 9.987v7.36q-.054 2.266-1.56 3.773c-1.506 1.507-2.262 1.524-3.773 1.56H5.333q-2.266-.054-3.773-1.56C.053 19.614.036 18.858 0 17.347v-7.36q.054-2.267 1.56-3.76t3.773-1.574h.774l-1.174-1.12a1.23 1.23 0 0 1-.373-.906q0-.534.373-.907l.027-.027q.4-.373.92-.373t.92.373L9.653 4.44q.107.106.187.213h4.267a.8.8 0 0 1 .16-.213l2.853-2.747q.4-.373.92-.373c.347 0 .662.151.929.4s.391.551.391.907q0 .532-.373.906zM5.333 7.24q-1.12.027-1.88.773q-.76.748-.786 1.894v7.52q.026 1.146.786 1.893t1.88.773h13.334q1.12-.026 1.88-.773t.786-1.893v-7.52q-.026-1.147-.786-1.894t-1.88-.773zM8 11.107q.56 0 .933.373q.375.374.4.96v1.173q-.025.586-.4.96q-.373.375-.933.374c-.56-.001-.684-.125-.933-.374q-.375-.373-.4-.96V12.44q0-.56.386-.947q.387-.386.947-.386m8 0q.56 0 .933.373q.375.374.4.96v1.173q-.025.586-.4.96q-.373.375-.933.374c-.56-.001-.684-.125-.933-.374q-.375-.373-.4-.96V12.44q.025-.586.4-.96q.373-.373.933-.373"/></svg>
Como usar o ícone Bilibili
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:bilibili" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:bilibili" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:bilibili" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--bilibili]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:bilibili"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:bilibili"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/simple-icons/bilibili.svg" alt="Ícone Bilibili" width="24" height="24">
O ícone Bilibili em outras coleções
Perguntas frequentes sobre Ícone Bilibili
O ícone Bilibili é grátis para uso comercial?
Sim. Simple Icons são publicados sob a licença CC0 1.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Bilibili no React?
Instale @iconify/react e renderize <Icon icon="simple-icons:bilibili" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Bilibili a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/simple-icons/bilibili.svg" alt="Ícone Bilibili">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Simple Icons →
ICONYZ
