brise logo
brise from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- brise
- Set
- Web3 Icons Branded
- Style
- Branded
- 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"><path fill="url(#SVGwyLUab8l)" d="M6.335 6.3a.17.17 0 0 1-.085-.145v-1.45A1.705 1.705 0 0 1 7.955 3h.2c.39 0 .775.105 1.11.305l7.79 4.635a1.42 1.42 0 0 1 .696 1.21v.35c0 .715-.38 1.375-1 1.735l-10.2 5.916a.2.2 0 0 1-.273-.071a.2.2 0 0 1-.028-.1V7.26a.25.25 0 0 1 .375-.215L11.72 9.96a.4.4 0 0 1 .148.549a.4.4 0 0 1-.148.146l-1.7.98a.4.4 0 0 1-.4 0l-.72-.42a.1.1 0 0 0-.101.001a.1.1 0 0 0-.049.09v1.49c0 .08.085.124.15.09l5.71-3.3a.1.1 0 0 0 .052-.088a.1.1 0 0 0-.051-.088L8.9 6.11a.1.1 0 0 0-.15.09v.785a.4.4 0 0 1-.6.35z"/><path fill="url(#SVGkEkwJcSM)" d="M6.275 17.88a.05.05 0 0 0-.025.05v1.365A1.706 1.706 0 0 0 7.955 21h.205c.39 0 .77-.1 1.11-.3l7.49-4.37a2 2 0 0 0 .99-1.73a1.9 1.9 0 0 0-.995-1.665l-.615-.36a.56.56 0 0 0-.565 0l-1.95 1.125a.18.18 0 0 0 0 .31l1.02.59a.1.1 0 0 1 .035.133a.1.1 0 0 1-.035.037L8.9 18.03a.1.1 0 0 1-.15-.085v-.885a.35.35 0 0 0-.525-.3z"/><defs><linearGradient id="SVGwyLUab8l" x1="17.751" x2="6.25" y1="11.888" y2="11.888" gradientUnits="userSpaceOnUse"><stop stop-color="#3710dc"/><stop offset="1" stop-color="#8109ea"/></linearGradient><linearGradient id="SVGkEkwJcSM" x1="17.75" x2="6.25" y1="15.75" y2="15.75" gradientUnits="userSpaceOnUse"><stop stop-color="#10dbb7"/><stop offset="1" stop-color="#7e0ce9"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedBrise(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"><path fill="url(#SVGwyLUab8l)" d="M6.335 6.3a.17.17 0 0 1-.085-.145v-1.45A1.705 1.705 0 0 1 7.955 3h.2c.39 0 .775.105 1.11.305l7.79 4.635a1.42 1.42 0 0 1 .696 1.21v.35c0 .715-.38 1.375-1 1.735l-10.2 5.916a.2.2 0 0 1-.273-.071a.2.2 0 0 1-.028-.1V7.26a.25.25 0 0 1 .375-.215L11.72 9.96a.4.4 0 0 1 .148.549a.4.4 0 0 1-.148.146l-1.7.98a.4.4 0 0 1-.4 0l-.72-.42a.1.1 0 0 0-.101.001a.1.1 0 0 0-.049.09v1.49c0 .08.085.124.15.09l5.71-3.3a.1.1 0 0 0 .052-.088a.1.1 0 0 0-.051-.088L8.9 6.11a.1.1 0 0 0-.15.09v.785a.4.4 0 0 1-.6.35z"/><path fill="url(#SVGkEkwJcSM)" d="M6.275 17.88a.05.05 0 0 0-.025.05v1.365A1.706 1.706 0 0 0 7.955 21h.205c.39 0 .77-.1 1.11-.3l7.49-4.37a2 2 0 0 0 .99-1.73a1.9 1.9 0 0 0-.995-1.665l-.615-.36a.56.56 0 0 0-.565 0l-1.95 1.125a.18.18 0 0 0 0 .31l1.02.59a.1.1 0 0 1 .035.133a.1.1 0 0 1-.035.037L8.9 18.03a.1.1 0 0 1-.15-.085v-.885a.35.35 0 0 0-.525-.3z"/><defs><linearGradient id="SVGwyLUab8l" x1="17.751" x2="6.25" y1="11.888" y2="11.888" gradientUnits="userSpaceOnUse"><stop stopColor="#3710dc"/><stop offset="1" stopColor="#8109ea"/></linearGradient><linearGradient id="SVGkEkwJcSM" x1="17.75" x2="6.25" y1="15.75" y2="15.75" gradientUnits="userSpaceOnUse"><stop stopColor="#10dbb7"/><stop offset="1" stopColor="#7e0ce9"/></linearGradient></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"><path fill="url(#SVGwyLUab8l)" d="M6.335 6.3a.17.17 0 0 1-.085-.145v-1.45A1.705 1.705 0 0 1 7.955 3h.2c.39 0 .775.105 1.11.305l7.79 4.635a1.42 1.42 0 0 1 .696 1.21v.35c0 .715-.38 1.375-1 1.735l-10.2 5.916a.2.2 0 0 1-.273-.071a.2.2 0 0 1-.028-.1V7.26a.25.25 0 0 1 .375-.215L11.72 9.96a.4.4 0 0 1 .148.549a.4.4 0 0 1-.148.146l-1.7.98a.4.4 0 0 1-.4 0l-.72-.42a.1.1 0 0 0-.101.001a.1.1 0 0 0-.049.09v1.49c0 .08.085.124.15.09l5.71-3.3a.1.1 0 0 0 .052-.088a.1.1 0 0 0-.051-.088L8.9 6.11a.1.1 0 0 0-.15.09v.785a.4.4 0 0 1-.6.35z"/><path fill="url(#SVGkEkwJcSM)" d="M6.275 17.88a.05.05 0 0 0-.025.05v1.365A1.706 1.706 0 0 0 7.955 21h.205c.39 0 .77-.1 1.11-.3l7.49-4.37a2 2 0 0 0 .99-1.73a1.9 1.9 0 0 0-.995-1.665l-.615-.36a.56.56 0 0 0-.565 0l-1.95 1.125a.18.18 0 0 0 0 .31l1.02.59a.1.1 0 0 1 .035.133a.1.1 0 0 1-.035.037L8.9 18.03a.1.1 0 0 1-.15-.085v-.885a.35.35 0 0 0-.525-.3z"/><defs><linearGradient id="SVGwyLUab8l" x1="17.751" x2="6.25" y1="11.888" y2="11.888" gradientUnits="userSpaceOnUse"><stop stop-color="#3710dc"/><stop offset="1" stop-color="#8109ea"/></linearGradient><linearGradient id="SVGkEkwJcSM" x1="17.75" x2="6.25" y1="15.75" y2="15.75" gradientUnits="userSpaceOnUse"><stop stop-color="#10dbb7"/><stop offset="1" stop-color="#7e0ce9"/></linearGradient></defs></g></svg> </template>
CSS
.icon-brise {
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%3Cpath%20fill%3D%22url(%23SVGwyLUab8l)%22%20d%3D%22M6.335%206.3a.17.17%200%200%201-.085-.145v-1.45A1.705%201.705%200%200%201%207.955%203h.2c.39%200%20.775.105%201.11.305l7.79%204.635a1.42%201.42%200%200%201%20.696%201.21v.35c0%20.715-.38%201.375-1%201.735l-10.2%205.916a.2.2%200%200%201-.273-.071a.2.2%200%200%201-.028-.1V7.26a.25.25%200%200%201%20.375-.215L11.72%209.96a.4.4%200%200%201%20.148.549a.4.4%200%200%201-.148.146l-1.7.98a.4.4%200%200%201-.4%200l-.72-.42a.1.1%200%200%200-.101.001a.1.1%200%200%200-.049.09v1.49c0%20.08.085.124.15.09l5.71-3.3a.1.1%200%200%200%20.052-.088a.1.1%200%200%200-.051-.088L8.9%206.11a.1.1%200%200%200-.15.09v.785a.4.4%200%200%201-.6.35z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGkEkwJcSM)%22%20d%3D%22M6.275%2017.88a.05.05%200%200%200-.025.05v1.365A1.706%201.706%200%200%200%207.955%2021h.205c.39%200%20.77-.1%201.11-.3l7.49-4.37a2%202%200%200%200%20.99-1.73a1.9%201.9%200%200%200-.995-1.665l-.615-.36a.56.56%200%200%200-.565%200l-1.95%201.125a.18.18%200%200%200%200%20.31l1.02.59a.1.1%200%200%201%20.035.133a.1.1%200%200%201-.035.037L8.9%2018.03a.1.1%200%200%201-.15-.085v-.885a.35.35%200%200%200-.525-.3z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGwyLUab8l%22%20x1%3D%2217.751%22%20x2%3D%226.25%22%20y1%3D%2211.888%22%20y2%3D%2211.888%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%3ClinearGradient%20id%3D%22SVGkEkwJcSM%22%20x1%3D%2217.75%22%20x2%3D%226.25%22%20y1%3D%2215.75%22%20y2%3D%2215.75%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2310dbb7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237e0ce9%22%2F%3E%3C%2FlinearGradient%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%3Cpath%20fill%3D%22url(%23SVGwyLUab8l)%22%20d%3D%22M6.335%206.3a.17.17%200%200%201-.085-.145v-1.45A1.705%201.705%200%200%201%207.955%203h.2c.39%200%20.775.105%201.11.305l7.79%204.635a1.42%201.42%200%200%201%20.696%201.21v.35c0%20.715-.38%201.375-1%201.735l-10.2%205.916a.2.2%200%200%201-.273-.071a.2.2%200%200%201-.028-.1V7.26a.25.25%200%200%201%20.375-.215L11.72%209.96a.4.4%200%200%201%20.148.549a.4.4%200%200%201-.148.146l-1.7.98a.4.4%200%200%201-.4%200l-.72-.42a.1.1%200%200%200-.101.001a.1.1%200%200%200-.049.09v1.49c0%20.08.085.124.15.09l5.71-3.3a.1.1%200%200%200%20.052-.088a.1.1%200%200%200-.051-.088L8.9%206.11a.1.1%200%200%200-.15.09v.785a.4.4%200%200%201-.6.35z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGkEkwJcSM)%22%20d%3D%22M6.275%2017.88a.05.05%200%200%200-.025.05v1.365A1.706%201.706%200%200%200%207.955%2021h.205c.39%200%20.77-.1%201.11-.3l7.49-4.37a2%202%200%200%200%20.99-1.73a1.9%201.9%200%200%200-.995-1.665l-.615-.36a.56.56%200%200%200-.565%200l-1.95%201.125a.18.18%200%200%200%200%20.31l1.02.59a.1.1%200%200%201%20.035.133a.1.1%200%200%201-.035.037L8.9%2018.03a.1.1%200%200%201-.15-.085v-.885a.35.35%200%200%200-.525-.3z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGwyLUab8l%22%20x1%3D%2217.751%22%20x2%3D%226.25%22%20y1%3D%2211.888%22%20y2%3D%2211.888%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%3ClinearGradient%20id%3D%22SVGkEkwJcSM%22%20x1%3D%2217.75%22%20x2%3D%226.25%22%20y1%3D%2215.75%22%20y2%3D%2215.75%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2310dbb7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237e0ce9%22%2F%3E%3C%2FlinearGradient%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.svg?color=%231a73e8&size=48
