Ícone Bazel

file-icons:bazel

O ícone Bazel (file-icons:bazel) é um ícone SVG gratuito da coleção File Icons de John Gardner. Ele é desenhado em uma grade de 512 × 512. File Icons são publicados sob a licença ISC, 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: File Icons
Autor: John Gardner
Licença: ISC
Tamanho: 512 × 512

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M126.884 2.868L2.804 126.948a5.89 5.89 0 0 0-2.785 4.983v122.55c-.151 2.04.608 2.929 1.98 4.452l249.54 250.094c.011.006.023.017.035.023c3.393 2.91 6.858 1.61 8.711-.16l249.678-249.737c1.662-1.949 2.05-2.237 2.037-4.672V131.93a5.89 5.89 0 0 0-3.406-5.328L385.078 3.087a5.893 5.893 0 0 0-8.332 0l-120.65 120.65L135.215 2.869c-3.34-2.549-6.596-1.776-8.331 0m9.815 18.147L247.753 132.07l-53.001 53.001l-58.053-58.053zm249.805.161l111.008 111.008l-53.22 52.967l-57.788-57.788zm-261.588.323v106.186l-57.42 57.42l-53.093-53.093zm249.805.276v106.002l-57.293 57.294l-53.001-53.002zm-243.58 116.347l55.28 55.28l-55.314 55.314l-55.28-55.28zm249.679.219l55.13 55.13l-55.2 54.934l-54.991-55.003zm-119.212 7.583l47.489 47.478l-47.49 47.489zm-249.806.23l47.317 47.328L11.802 240.8zm488.415.08v94.841l-47.42-47.42zm-250.393.438v93.471l-46.73-46.741zm-55.06 55.06l53 53.002l-55.325 55.326l-53.001-53.001zm122.664 0l54.98 54.981l-53 53.002l-54.981-54.98zm-249.978.082l57.466 57.466v105.875l-110.398-110.4zm377.015.172l52.886 52.886l-110.847 110.34V259.948zm-188.37 61.08l54.981 54.98l-55.326 55.325l-54.98-54.98zM136.7 271.292l47.248 47.26l-47.248 47.247zm238.022.437v93.31l-46.66-46.65zm-54.992 54.992l52.622 52.61l-110.743 111.273v-105.76zm-127.451.16l57.546 57.536v105.68L139.45 379.711z"/></svg>

Como usar o ícone Bazel

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:bazel" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:bazel" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:bazel" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--bazel]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:bazel"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:bazel"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/file-icons/bazel.svg" alt="Ícone Bazel" width="24" height="24">

Ícones relacionados em File Icons

O ícone Bazel em outras coleções

Perguntas frequentes sobre Ícone Bazel

O ícone Bazel é grátis para uso comercial?

Sim. File Icons são publicados sob a licença ISC, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Bazel no React?

Instale @iconify/react e renderize <Icon icon="file-icons:bazel" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Bazel a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/file-icons/bazel.svg" alt="Ícone Bazel">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os File Icons →