أيقونة Bazel Icon
logos:bazel-icon
أيقونة Bazel Icon (logos:bazel-icon) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 256 × 255. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- SVG Logos
- المؤلف
- Gil Barbara
- الترخيص
- CC0-1.0
- الحجم
- 256 × 255
- الوسوم
- bazelicon
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="255" viewBox="0 0 256 255"><path fill="#76d275" d="m63.985 0l63.986 63.985L192.015 0L256 63.985v62.81l-63.985 64.045l-64.044 63.985l-63.986-63.985L0 126.796v-62.81z"/><path fill="#00701a" d="M127.971 192.015v62.81L63.985 190.84v-62.811z"/><path fill="#004300" d="m127.971 192.015l64.044-63.986v62.811l-64.044 63.985z"/><path fill="#43a047" d="M63.985 128.029v62.811L0 126.796V63.985zM256 63.985v62.811l-63.985 64.044v-62.811zm-128.029 128.03l-63.986-63.986l63.986-64.044l64.044 64.044z"/><path fill="#76d275" d="M63.985 128.029L0 63.985L63.985 0l63.986 63.985z"/><path fill="#76d275" d="m192.015 128.029l-64.044-64.044L192.015 0L256 63.985z"/></svg>كيفية استخدام أيقونة Bazel Icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:bazel-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:bazel-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:bazel-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--bazel-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:bazel-icon"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:bazel-icon"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/logos/bazel-icon.svg" alt="أيقونة Bazel Icon" width="24" height="24">أيقونات ذات صلة في SVG Logos
الأسئلة الشائعة حول أيقونة Bazel Icon
هل أيقونة Bazel Icon مجانية للاستخدام التجاري؟
نعم. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Bazel Icon في React؟
ثبّت @iconify/react واعرض <Icon icon="logos:bazel-icon" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Bazel Icon إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/logos/bazel-icon.svg" alt="أيقونة Bazel Icon">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.