boson logo
boson from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- boson
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the boson 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(#tokenBrandedBoson)" fill-rule="evenodd" d="M2 5.056h20v13.889H2zm1.667 1.666h16.666v10.556H3.667zm15.555 9.445h-.089a4.06 4.06 0 0 1-3.46-1.962c-.39.412-1.134.978-1.973.978c-.983 0-1.605-.855-1.739-1.172c-.133-.305-.261-.694-.4-1.1c-.383-1.128-.811-2.389-1.411-2.389c-.467 0-.956 1.128-1.25 2.056a4.106 4.106 0 0 1-4.122 3.589v-1.528h.083A2.61 2.61 0 0 0 7.45 12a2.61 2.61 0 0 0-2.672-2.639V7.833h.083A4.06 4.06 0 0 1 8.406 9.94c.316-.483.922-1.1 1.744-1.1c1.017 0 1.756.5 1.972 1.111l.245.722c.416 1.278.922 2.823 1.639 2.823c.65 0 .927-1.24 1.1-2.134a4.106 4.106 0 0 1 4.116-3.528v1.528h-.089A2.61 2.61 0 0 0 16.55 12a2.61 2.61 0 0 0 1.648 2.455c.325.13.674.192 1.024.184z" clip-rule="evenodd"/><defs><linearGradient id="tokenBrandedBoson" x1="19.222" x2="4.778" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="#1EF6AD"/><stop offset="1" stop-color="#5DF6BD"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedBoson(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(#tokenBrandedBoson)" fillRule="evenodd" d="M2 5.056h20v13.889H2zm1.667 1.666h16.666v10.556H3.667zm15.555 9.445h-.089a4.06 4.06 0 0 1-3.46-1.962c-.39.412-1.134.978-1.973.978c-.983 0-1.605-.855-1.739-1.172c-.133-.305-.261-.694-.4-1.1c-.383-1.128-.811-2.389-1.411-2.389c-.467 0-.956 1.128-1.25 2.056a4.106 4.106 0 0 1-4.122 3.589v-1.528h.083A2.61 2.61 0 0 0 7.45 12a2.61 2.61 0 0 0-2.672-2.639V7.833h.083A4.06 4.06 0 0 1 8.406 9.94c.316-.483.922-1.1 1.744-1.1c1.017 0 1.756.5 1.972 1.111l.245.722c.416 1.278.922 2.823 1.639 2.823c.65 0 .927-1.24 1.1-2.134a4.106 4.106 0 0 1 4.116-3.528v1.528h-.089A2.61 2.61 0 0 0 16.55 12a2.61 2.61 0 0 0 1.648 2.455c.325.13.674.192 1.024.184z" clipRule="evenodd"/><defs><linearGradient id="tokenBrandedBoson" x1="19.222" x2="4.778" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop stopColor="#1EF6AD"/><stop offset="1" stopColor="#5DF6BD"/></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(#tokenBrandedBoson)" fill-rule="evenodd" d="M2 5.056h20v13.889H2zm1.667 1.666h16.666v10.556H3.667zm15.555 9.445h-.089a4.06 4.06 0 0 1-3.46-1.962c-.39.412-1.134.978-1.973.978c-.983 0-1.605-.855-1.739-1.172c-.133-.305-.261-.694-.4-1.1c-.383-1.128-.811-2.389-1.411-2.389c-.467 0-.956 1.128-1.25 2.056a4.106 4.106 0 0 1-4.122 3.589v-1.528h.083A2.61 2.61 0 0 0 7.45 12a2.61 2.61 0 0 0-2.672-2.639V7.833h.083A4.06 4.06 0 0 1 8.406 9.94c.316-.483.922-1.1 1.744-1.1c1.017 0 1.756.5 1.972 1.111l.245.722c.416 1.278.922 2.823 1.639 2.823c.65 0 .927-1.24 1.1-2.134a4.106 4.106 0 0 1 4.116-3.528v1.528h-.089A2.61 2.61 0 0 0 16.55 12a2.61 2.61 0 0 0 1.648 2.455c.325.13.674.192 1.024.184z" clip-rule="evenodd"/><defs><linearGradient id="tokenBrandedBoson" x1="19.222" x2="4.778" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="#1EF6AD"/><stop offset="1" stop-color="#5DF6BD"/></linearGradient></defs></g></svg> </template>
CSS
.icon-boson {
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(%23tokenBrandedBoson)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2%205.056h20v13.889H2zm1.667%201.666h16.666v10.556H3.667zm15.555%209.445h-.089a4.06%204.06%200%200%201-3.46-1.962c-.39.412-1.134.978-1.973.978c-.983%200-1.605-.855-1.739-1.172c-.133-.305-.261-.694-.4-1.1c-.383-1.128-.811-2.389-1.411-2.389c-.467%200-.956%201.128-1.25%202.056a4.106%204.106%200%200%201-4.122%203.589v-1.528h.083A2.61%202.61%200%200%200%207.45%2012a2.61%202.61%200%200%200-2.672-2.639V7.833h.083A4.06%204.06%200%200%201%208.406%209.94c.316-.483.922-1.1%201.744-1.1c1.017%200%201.756.5%201.972%201.111l.245.722c.416%201.278.922%202.823%201.639%202.823c.65%200%20.927-1.24%201.1-2.134a4.106%204.106%200%200%201%204.116-3.528v1.528h-.089A2.61%202.61%200%200%200%2016.55%2012a2.61%202.61%200%200%200%201.648%202.455c.325.13.674.192%201.024.184z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22tokenBrandedBoson%22%20x1%3D%2219.222%22%20x2%3D%224.778%22%20y1%3D%2212%22%20y2%3D%2212%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%231EF6AD%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235DF6BD%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(%23tokenBrandedBoson)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2%205.056h20v13.889H2zm1.667%201.666h16.666v10.556H3.667zm15.555%209.445h-.089a4.06%204.06%200%200%201-3.46-1.962c-.39.412-1.134.978-1.973.978c-.983%200-1.605-.855-1.739-1.172c-.133-.305-.261-.694-.4-1.1c-.383-1.128-.811-2.389-1.411-2.389c-.467%200-.956%201.128-1.25%202.056a4.106%204.106%200%200%201-4.122%203.589v-1.528h.083A2.61%202.61%200%200%200%207.45%2012a2.61%202.61%200%200%200-2.672-2.639V7.833h.083A4.06%204.06%200%200%201%208.406%209.94c.316-.483.922-1.1%201.744-1.1c1.017%200%201.756.5%201.972%201.111l.245.722c.416%201.278.922%202.823%201.639%202.823c.65%200%20.927-1.24%201.1-2.134a4.106%204.106%200%200%201%204.116-3.528v1.528h-.089A2.61%202.61%200%200%200%2016.55%2012a2.61%202.61%200%200%200%201.648%202.455c.325.13.674.192%201.024.184z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22tokenBrandedBoson%22%20x1%3D%2219.222%22%20x2%3D%224.778%22%20y1%3D%2212%22%20y2%3D%2212%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%231EF6AD%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235DF6BD%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/boson.svg?color=%231a73e8&size=48
