brise logo

brise-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.

Name: brise-background
Set: Web3 Icons Branded
Style: Background
Viewbox: 24×24
License: MIT

1 other variant in Web3 Icons Branded

The same logo in other sets

Use the brise logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd108)"><path fill="url(#SVGeTV04cIK)" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.965 6.933a.15.15 0 0 1-.076-.128v-1.29A1.516 1.516 0 0 1 8.405 4h.178c.346 0 .689.093.986.271l6.925 4.12a1.26 1.26 0 0 1 .618 1.076v.311a1.78 1.78 0 0 1-.89 1.542l-9.066 5.258a.177.177 0 0 1-.267-.151v-8.64a.222.222 0 0 1 .334-.191l4.529 2.59a.355.355 0 0 1 0 .619l-1.511.87a.36.36 0 0 1-.356 0l-.64-.373a.09.09 0 0 0-.09.001a.09.09 0 0 0-.043.08v1.324a.09.09 0 0 0 .133.08l5.076-2.933a.09.09 0 0 0 .046-.078a.09.09 0 0 0-.046-.078L9.245 6.765a.089.089 0 0 0-.133.08v.697a.356.356 0 0 1-.534.311zM6.91 17.227a.04.04 0 0 0-.022.044v1.213A1.517 1.517 0 0 0 8.405 20h.183c.346 0 .684-.089.986-.267l6.658-3.884a1.78 1.78 0 0 0 .88-1.538a1.69 1.69 0 0 0-.884-1.48l-.547-.32a.5.5 0 0 0-.502 0l-1.734 1a.16.16 0 0 0-.057.217a.16.16 0 0 0 .057.059l.907.524a.09.09 0 0 1 .042.075a.09.09 0 0 1-.042.076L9.244 17.36a.09.09 0 0 1-.133-.076v-.786a.311.311 0 0 0-.467-.267z"/></g><defs><linearGradient id="SVGeTV04cIK" x1="17.112" x2="6.889" y1="11.9" y2="11.9" gradientUnits="userSpaceOnUse"><stop stop-color="#3710dc"/><stop offset="1" stop-color="#8109ea"/></linearGradient><clipPath id="SVGHcSWxdhd108"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedBriseBackground(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clipPath="url(#SVGHcSWxdhd108)"><path fill="url(#SVGeTV04cIK)" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.965 6.933a.15.15 0 0 1-.076-.128v-1.29A1.516 1.516 0 0 1 8.405 4h.178c.346 0 .689.093.986.271l6.925 4.12a1.26 1.26 0 0 1 .618 1.076v.311a1.78 1.78 0 0 1-.89 1.542l-9.066 5.258a.177.177 0 0 1-.267-.151v-8.64a.222.222 0 0 1 .334-.191l4.529 2.59a.355.355 0 0 1 0 .619l-1.511.87a.36.36 0 0 1-.356 0l-.64-.373a.09.09 0 0 0-.09.001a.09.09 0 0 0-.043.08v1.324a.09.09 0 0 0 .133.08l5.076-2.933a.09.09 0 0 0 .046-.078a.09.09 0 0 0-.046-.078L9.245 6.765a.089.089 0 0 0-.133.08v.697a.356.356 0 0 1-.534.311zM6.91 17.227a.04.04 0 0 0-.022.044v1.213A1.517 1.517 0 0 0 8.405 20h.183c.346 0 .684-.089.986-.267l6.658-3.884a1.78 1.78 0 0 0 .88-1.538a1.69 1.69 0 0 0-.884-1.48l-.547-.32a.5.5 0 0 0-.502 0l-1.734 1a.16.16 0 0 0-.057.217a.16.16 0 0 0 .057.059l.907.524a.09.09 0 0 1 .042.075a.09.09 0 0 1-.042.076L9.244 17.36a.09.09 0 0 1-.133-.076v-.786a.311.311 0 0 0-.467-.267z"/></g><defs><linearGradient id="SVGeTV04cIK" x1="17.112" x2="6.889" y1="11.9" y2="11.9" gradientUnits="userSpaceOnUse"><stop stopColor="#3710dc"/><stop offset="1" stopColor="#8109ea"/></linearGradient><clipPath id="SVGHcSWxdhd108"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd108)"><path fill="url(#SVGeTV04cIK)" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.965 6.933a.15.15 0 0 1-.076-.128v-1.29A1.516 1.516 0 0 1 8.405 4h.178c.346 0 .689.093.986.271l6.925 4.12a1.26 1.26 0 0 1 .618 1.076v.311a1.78 1.78 0 0 1-.89 1.542l-9.066 5.258a.177.177 0 0 1-.267-.151v-8.64a.222.222 0 0 1 .334-.191l4.529 2.59a.355.355 0 0 1 0 .619l-1.511.87a.36.36 0 0 1-.356 0l-.64-.373a.09.09 0 0 0-.09.001a.09.09 0 0 0-.043.08v1.324a.09.09 0 0 0 .133.08l5.076-2.933a.09.09 0 0 0 .046-.078a.09.09 0 0 0-.046-.078L9.245 6.765a.089.089 0 0 0-.133.08v.697a.356.356 0 0 1-.534.311zM6.91 17.227a.04.04 0 0 0-.022.044v1.213A1.517 1.517 0 0 0 8.405 20h.183c.346 0 .684-.089.986-.267l6.658-3.884a1.78 1.78 0 0 0 .88-1.538a1.69 1.69 0 0 0-.884-1.48l-.547-.32a.5.5 0 0 0-.502 0l-1.734 1a.16.16 0 0 0-.057.217a.16.16 0 0 0 .057.059l.907.524a.09.09 0 0 1 .042.075a.09.09 0 0 1-.042.076L9.244 17.36a.09.09 0 0 1-.133-.076v-.786a.311.311 0 0 0-.467-.267z"/></g><defs><linearGradient id="SVGeTV04cIK" x1="17.112" x2="6.889" y1="11.9" y2="11.9" gradientUnits="userSpaceOnUse"><stop stop-color="#3710dc"/><stop offset="1" stop-color="#8109ea"/></linearGradient><clipPath id="SVGHcSWxdhd108"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-brise-background {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd108)%22%3E%3Cpath%20fill%3D%22url(%23SVGeTV04cIK)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.965%206.933a.15.15%200%200%201-.076-.128v-1.29A1.516%201.516%200%200%201%208.405%204h.178c.346%200%20.689.093.986.271l6.925%204.12a1.26%201.26%200%200%201%20.618%201.076v.311a1.78%201.78%200%200%201-.89%201.542l-9.066%205.258a.177.177%200%200%201-.267-.151v-8.64a.222.222%200%200%201%20.334-.191l4.529%202.59a.355.355%200%200%201%200%20.619l-1.511.87a.36.36%200%200%201-.356%200l-.64-.373a.09.09%200%200%200-.09.001a.09.09%200%200%200-.043.08v1.324a.09.09%200%200%200%20.133.08l5.076-2.933a.09.09%200%200%200%20.046-.078a.09.09%200%200%200-.046-.078L9.245%206.765a.089.089%200%200%200-.133.08v.697a.356.356%200%200%201-.534.311zM6.91%2017.227a.04.04%200%200%200-.022.044v1.213A1.517%201.517%200%200%200%208.405%2020h.183c.346%200%20.684-.089.986-.267l6.658-3.884a1.78%201.78%200%200%200%20.88-1.538a1.69%201.69%200%200%200-.884-1.48l-.547-.32a.5.5%200%200%200-.502%200l-1.734%201a.16.16%200%200%200-.057.217a.16.16%200%200%200%20.057.059l.907.524a.09.09%200%200%201%20.042.075a.09.09%200%200%201-.042.076L9.244%2017.36a.09.09%200%200%201-.133-.076v-.786a.311.311%200%200%200-.467-.267z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGeTV04cIK%22%20x1%3D%2217.112%22%20x2%3D%226.889%22%20y1%3D%2211.9%22%20y2%3D%2211.9%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233710dc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238109ea%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd108%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd108)%22%3E%3Cpath%20fill%3D%22url(%23SVGeTV04cIK)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.965%206.933a.15.15%200%200%201-.076-.128v-1.29A1.516%201.516%200%200%201%208.405%204h.178c.346%200%20.689.093.986.271l6.925%204.12a1.26%201.26%200%200%201%20.618%201.076v.311a1.78%201.78%200%200%201-.89%201.542l-9.066%205.258a.177.177%200%200%201-.267-.151v-8.64a.222.222%200%200%201%20.334-.191l4.529%202.59a.355.355%200%200%201%200%20.619l-1.511.87a.36.36%200%200%201-.356%200l-.64-.373a.09.09%200%200%200-.09.001a.09.09%200%200%200-.043.08v1.324a.09.09%200%200%200%20.133.08l5.076-2.933a.09.09%200%200%200%20.046-.078a.09.09%200%200%200-.046-.078L9.245%206.765a.089.089%200%200%200-.133.08v.697a.356.356%200%200%201-.534.311zM6.91%2017.227a.04.04%200%200%200-.022.044v1.213A1.517%201.517%200%200%200%208.405%2020h.183c.346%200%20.684-.089.986-.267l6.658-3.884a1.78%201.78%200%200%200%20.88-1.538a1.69%201.69%200%200%200-.884-1.48l-.547-.32a.5.5%200%200%200-.502%200l-1.734%201a.16.16%200%200%200-.057.217a.16.16%200%200%200%20.057.059l.907.524a.09.09%200%200%201%20.042.075a.09.09%200%200%201-.042.076L9.244%2017.36a.09.09%200%200%201-.133-.076v-.786a.311.311%200%200%200-.467-.267z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGeTV04cIK%22%20x1%3D%2217.112%22%20x2%3D%226.889%22%20y1%3D%2211.9%22%20y2%3D%2211.9%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233710dc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238109ea%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd108%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/brise-background.svg?color=%231a73e8&size=48