Ikon Brackets
logos:brackets
Ikon Brackets (logos:brackets) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 256. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 256 × 256
- Tag
- bracket
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><filter id="SVGY50hHbaP" width="200%" height="200%" x="-50%" y="-50%" filterUnits="objectBoundingBox"><feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="2"/><feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.273992301 0"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter><linearGradient id="SVGv4VoW5fy" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#29abe2"/><stop offset="47.57%" stop-color="#28a9e1"/><stop offset="66.39%" stop-color="#23a2dc"/><stop offset="80.12%" stop-color="#1a96d4"/><stop offset="91.3%" stop-color="#0e85c9"/><stop offset="100%" stop-color="#0071bc"/></linearGradient></defs><path fill="#115a91" d="M256 204.8c0 28.16-23.04 51.2-51.2 51.2H51.2C23.04 256 0 232.96 0 204.8V51.2C0 23.04 23.04 0 51.2 0h153.6C232.96 0 256 23.04 256 51.2z"/><path fill="#fff" d="M204.8 28.16c12.705 0 23.04 10.335 23.04 23.04v128c0 12.705-10.335 23.04-23.04 23.04H51.2c-12.705 0-23.04-10.335-23.04-23.04v-128c0-12.705 10.335-23.04 23.04-23.04z"/><path fill="url(#SVGv4VoW5fy)" d="M204.8 28.16c12.705 0 23.04 10.335 23.04 23.04v128c0 12.705-10.335 23.04-23.04 23.04H51.2c-12.705 0-23.04-10.335-23.04-23.04v-128c0-12.705 10.335-23.04 23.04-23.04zm0-28.16H51.2C23.04 0 0 23.04 0 51.2v128c0 28.16 23.04 51.2 51.2 51.2h153.6c28.16 0 51.2-23.04 51.2-51.2v-128C256 23.04 232.96 0 204.8 0"/><g fill="#4d4d4d"><path d="M143.36 0v122.88h-64V92.16h35.84v-64H79.36V0z" filter="url(#SVGY50hHbaP)" transform="translate(56.32 53.76)"/><path d="M64 0v28.16H28.16v64H64v30.72H0V0z" filter="url(#SVGY50hHbaP)" transform="translate(56.32 53.76)"/></g></svg>Cara memakai ikon Brackets
React
import { Icon } from "@iconify/react";
<Icon icon="logos:brackets" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:brackets" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:brackets" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--brackets]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:brackets"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:brackets"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/brackets.svg" alt="Ikon Brackets" width="24" height="24">Ikon Brackets di set ikon lain
FAQ Ikon Brackets
Apakah ikon Brackets gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Brackets di React?
Pasang @iconify/react lalu render <Icon icon="logos:brackets" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Brackets ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/brackets.svg" alt="Ikon Brackets">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.