ICONYZ
العربية
أيقونة Br من Flagpack

أيقونة Br

flagpack:br

أيقونة Br (flagpack:br) أيقونة SVG مجانية من مجموعة Flagpack من تصميم Yummygum. مرسومة على شبكة 32 × 24. تُنشر Flagpack icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Flagpack
المؤلف
Yummygum
الترخيص
MIT
الحجم
32 × 24
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewBox="0 0 32 24"><g fill="none"><g clip-path="url(#SVGpEZyBdcF)"><path fill="#093" fill-rule="evenodd" d="M0 0v24h32V0z" clip-rule="evenodd"/><mask id="SVGcFaS5cXn" width="32" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" fill-rule="evenodd" d="M0 0v24h32V0z" clip-rule="evenodd"/></mask><g mask="url(#SVGcFaS5cXn)"><g fill-rule="evenodd" clip-rule="evenodd" filter="url(#SVGjQD4adIr)"><path fill="#ffd221" d="m15.927 3.704l12.202 8.504L15.76 20.17L3.809 12.043z"/><path fill="url(#SVGSSHUKcJk)" d="m15.927 3.704l12.202 8.504L15.76 20.17L3.809 12.043z"/></g><path fill="#2e42a5" fill-rule="evenodd" d="M16 17.2a5 5 0 1 0 0-10a5 5 0 0 0 0 10" clip-rule="evenodd"/><mask id="SVGKrBiue1x" width="10" height="11" x="11" y="7" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" fill-rule="evenodd" d="M16 17.2a5 5 0 1 0 0-10a5 5 0 0 0 0 10" clip-rule="evenodd"/></mask><g mask="url(#SVGKrBiue1x)"><path fill="#f7fcff" fill-rule="evenodd" d="m14.38 14.57l-.223.117l.042-.248l-.18-.176l.25-.037l.111-.226l.112.226l.25.037l-.181.176l.042.248zm2 0l-.223.117l.042-.248l-.18-.176l.25-.037l.111-.226l.112.226l.25.037l-.181.176l.042.248zm0 1.2l-.223.117l.042-.248l-.18-.176l.25-.037l.111-.226l.112.226l.25.037l-.181.176l.042.248zm-1-4.2l-.223.117l.042-.248l-.18-.176l.25-.037l.111-.226l.112.226l.25.037l-.181.176l.042.248zm0 2l-.223.117l.042-.248l-.18-.176l.25-.037l.111-.226l.112.226l.25.037l-.181.176l.042.248zm-1.4-1l-.223.117l.042-.248l-.18-.176l.25-.037l.111-.226l.112.226l.25.037l-.181.176l.042.248zm-1.4.8l-.223.117l.042-.248l-.18-.176l.25-.037l.111-.226l.112.226l.25.037l-.181.176l.042.248zm4.6-3.4l-.223.117l.042-.248l-.18-.176l.25-.037l.111-.226l.112.226l.25.037l-.181.176l.042.248z" clip-rule="evenodd"/><path fill="#f7fcff" d="m9.925 10.997l.15-1.994c4.798.362 8.585 1.94 11.313 4.745l-1.434 1.395c-2.364-2.433-5.692-3.819-10.03-4.146"/><path fill="#093" d="m12.29 10.603l.05-.498q4.643.48 7.952 3.552l-.34.366q-3.186-2.956-7.663-3.42"/></g></g></g><defs><linearGradient id="SVGSSHUKcJk" x1="32" x2="32" y1="24" y2="0" gradientUnits="userSpaceOnUse"><stop stop-color="#ffc600"/><stop offset="1" stop-color="#ffde42"/></linearGradient><clipPath id="SVGpEZyBdcF"><path fill="#fff" d="M0 0h32v24H0z"/></clipPath><filter id="SVGjQD4adIr" width="24.32" height="16.467" x="3.809" y="3.704" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feColorMatrix values="0 0 0 0 0.0313726 0 0 0 0 0.368627 0 0 0 0 0 0 0 0 0.28 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_270_67334"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_270_67334" result="shape"/></filter></defs></g></svg>

كيفية استخدام أيقونة Br

React

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

<Icon icon="flagpack:br" width="24" />

Vue

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

<template>
  <Icon icon="flagpack:br" width="24" />
</template>

Svelte

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

<Icon icon="flagpack:br" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[flagpack--br]"></span>

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="flagpack:br"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/flagpack/br.svg" alt="أيقونة Br" width="24" height="24">

أيقونة Br في مجموعات أخرى

أيقونة Br من Circle Flags
Circle Flags
 أيقونة Br من CoreUI Flags
CoreUI Flags

الأسئلة الشائعة حول أيقونة Br

هل أيقونة Br مجانية للاستخدام التجاري؟

نعم. تُنشر Flagpack icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Br في React؟

ثبّت @iconify/react واعرض <Icon icon="flagpack:br" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Br إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/flagpack/br.svg" alt="أيقونة Br">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Flagpack →