Иконка Bazel

file-icons:bazel

Иконка Bazel (file-icons:bazel) — бесплатная SVG-иконка из набора File Icons от John Gardner. Она нарисована на сетке 512 × 512. File Icons выпущены под лицензией ISC, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: File Icons
Автор: John Gardner
Лицензия: ISC
Размер: 512 × 512

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/file-icons/bazel.svg" alt="Иконка Bazel" width="24" height="24">

Иконка Bazel в других наборах

Вопросы и ответы: Иконка Bazel

Можно ли бесплатно использовать иконку Bazel в коммерческих проектах?

Да. File Icons выпущены под лицензией ISC, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Bazel в React?

Установите @iconify/react и выведите <Icon icon="file-icons:bazel" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Bazel на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/file-icons/bazel.svg" alt="Иконка Bazel">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все File Icons →