Ikon Br
flagpack:br
Ikon Br (flagpack:br) adalah ikon SVG gratis dari set Flagpack karya Yummygum. Ikon ini digambar pada grid 32 × 24. Flagpack icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
Kode 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>Cara memakai ikon 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>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flagpack:br"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/flagpack/br.svg" alt="Ikon Br" width="24" height="24">Ikon Br di set ikon lain
FAQ Ikon Br
Apakah ikon Br gratis untuk penggunaan komersial?
Ya. Flagpack icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Br di React?
Pasang @iconify/react lalu render <Icon icon="flagpack:br" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Br ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/flagpack/br.svg" alt="Ikon Br">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.