Иконка Brackets

logos:brackets

Иконка Brackets (logos:brackets) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 256. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: SVG Logos
Автор: Gil Barbara
Лицензия: CC0-1.0
Размер: 256 × 256
Теги: bracket

Скачать SVG

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

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

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

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

<iconify-icon icon="logos:brackets"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/logos/brackets.svg" alt="Иконка Brackets" width="24" height="24">

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

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

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

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

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

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

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

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

Все Иконки SVG Logos →