sushiswap logo
sushiswap-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- sushiswap-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 sushiswap 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(#SVGHcSWxdhd11)"><path fill="url(#SVGADZAIcaI)" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M16.326 10.866c.174.386.22.728.045.963c-.166.235-.507.304-.924.266c-.75-.061-1.735-.47-2.69-1.154S11.1 9.454 10.804 8.763c-.167-.387-.212-.728-.045-.964c.167-.235.507-.303.932-.273c.742.069 1.734.47 2.681 1.154c.955.683 1.66 1.495 1.955 2.186" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M19.794 11.952a5 5 0 0 0-.143-.365c-.62-1.442-2.083-3.15-4.075-4.584c-2-1.427-4.076-2.27-5.644-2.399c-1.137-.09-2.015.19-2.47.828L4.333 9.803c-.454.637-.439 1.563.015 2.61c.416.953 1.192 2.022 2.248 3.05a16 16 0 0 0 1.836 1.527c1.992 1.434 4.076 2.269 5.644 2.406c1.128.09 2.015-.19 2.47-.828l3.12-4.371c.401-.562.437-1.348.128-2.245m-.56 1.926l-.022.038c-.371.478-1.076.637-1.97.57c-1.492-.122-3.47-.934-5.37-2.3C9.97 10.82 8.567 9.203 7.97 7.822c-.356-.82-.432-1.54-.091-2.049l.015-.03c.364-.508 1.083-.676 1.992-.6c1.493.122 3.47.934 5.372 2.3c1.908 1.366 3.31 2.982 3.909 4.356c.356.835.431 1.578.068 2.08" clip-rule="evenodd"/></g><defs><linearGradient id="SVGADZAIcaI" x1="9.432" x2="14.509" y1="4.471" y2="19.551" gradientUnits="userSpaceOnUse"><stop stop-color="#27b0e6"/><stop offset=".044" stop-color="#49a1db"/><stop offset=".118" stop-color="#7d8aca"/><stop offset=".216" stop-color="#a279bd"/><stop offset=".296" stop-color="#ba6fb6"/><stop offset=".375" stop-color="#c26bb3"/><stop offset=".468" stop-color="#d563ad"/><stop offset=".58" stop-color="#e65ba7"/><stop offset=".709" stop-color="#f156a3"/><stop offset=".823" stop-color="#f853a1"/><stop offset="1" stop-color="#fa52a0"/></linearGradient><clipPath id="SVGHcSWxdhd11"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedSushiswapBackground(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(#SVGHcSWxdhd11)"><path fill="url(#SVGADZAIcaI)" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M16.326 10.866c.174.386.22.728.045.963c-.166.235-.507.304-.924.266c-.75-.061-1.735-.47-2.69-1.154S11.1 9.454 10.804 8.763c-.167-.387-.212-.728-.045-.964c.167-.235.507-.303.932-.273c.742.069 1.734.47 2.681 1.154c.955.683 1.66 1.495 1.955 2.186" clipRule="evenodd"/><path fill="#fff" fillRule="evenodd" d="M19.794 11.952a5 5 0 0 0-.143-.365c-.62-1.442-2.083-3.15-4.075-4.584c-2-1.427-4.076-2.27-5.644-2.399c-1.137-.09-2.015.19-2.47.828L4.333 9.803c-.454.637-.439 1.563.015 2.61c.416.953 1.192 2.022 2.248 3.05a16 16 0 0 0 1.836 1.527c1.992 1.434 4.076 2.269 5.644 2.406c1.128.09 2.015-.19 2.47-.828l3.12-4.371c.401-.562.437-1.348.128-2.245m-.56 1.926l-.022.038c-.371.478-1.076.637-1.97.57c-1.492-.122-3.47-.934-5.37-2.3C9.97 10.82 8.567 9.203 7.97 7.822c-.356-.82-.432-1.54-.091-2.049l.015-.03c.364-.508 1.083-.676 1.992-.6c1.493.122 3.47.934 5.372 2.3c1.908 1.366 3.31 2.982 3.909 4.356c.356.835.431 1.578.068 2.08" clipRule="evenodd"/></g><defs><linearGradient id="SVGADZAIcaI" x1="9.432" x2="14.509" y1="4.471" y2="19.551" gradientUnits="userSpaceOnUse"><stop stopColor="#27b0e6"/><stop offset=".044" stopColor="#49a1db"/><stop offset=".118" stopColor="#7d8aca"/><stop offset=".216" stopColor="#a279bd"/><stop offset=".296" stopColor="#ba6fb6"/><stop offset=".375" stopColor="#c26bb3"/><stop offset=".468" stopColor="#d563ad"/><stop offset=".58" stopColor="#e65ba7"/><stop offset=".709" stopColor="#f156a3"/><stop offset=".823" stopColor="#f853a1"/><stop offset="1" stopColor="#fa52a0"/></linearGradient><clipPath id="SVGHcSWxdhd11"><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(#SVGHcSWxdhd11)"><path fill="url(#SVGADZAIcaI)" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M16.326 10.866c.174.386.22.728.045.963c-.166.235-.507.304-.924.266c-.75-.061-1.735-.47-2.69-1.154S11.1 9.454 10.804 8.763c-.167-.387-.212-.728-.045-.964c.167-.235.507-.303.932-.273c.742.069 1.734.47 2.681 1.154c.955.683 1.66 1.495 1.955 2.186" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M19.794 11.952a5 5 0 0 0-.143-.365c-.62-1.442-2.083-3.15-4.075-4.584c-2-1.427-4.076-2.27-5.644-2.399c-1.137-.09-2.015.19-2.47.828L4.333 9.803c-.454.637-.439 1.563.015 2.61c.416.953 1.192 2.022 2.248 3.05a16 16 0 0 0 1.836 1.527c1.992 1.434 4.076 2.269 5.644 2.406c1.128.09 2.015-.19 2.47-.828l3.12-4.371c.401-.562.437-1.348.128-2.245m-.56 1.926l-.022.038c-.371.478-1.076.637-1.97.57c-1.492-.122-3.47-.934-5.37-2.3C9.97 10.82 8.567 9.203 7.97 7.822c-.356-.82-.432-1.54-.091-2.049l.015-.03c.364-.508 1.083-.676 1.992-.6c1.493.122 3.47.934 5.372 2.3c1.908 1.366 3.31 2.982 3.909 4.356c.356.835.431 1.578.068 2.08" clip-rule="evenodd"/></g><defs><linearGradient id="SVGADZAIcaI" x1="9.432" x2="14.509" y1="4.471" y2="19.551" gradientUnits="userSpaceOnUse"><stop stop-color="#27b0e6"/><stop offset=".044" stop-color="#49a1db"/><stop offset=".118" stop-color="#7d8aca"/><stop offset=".216" stop-color="#a279bd"/><stop offset=".296" stop-color="#ba6fb6"/><stop offset=".375" stop-color="#c26bb3"/><stop offset=".468" stop-color="#d563ad"/><stop offset=".58" stop-color="#e65ba7"/><stop offset=".709" stop-color="#f156a3"/><stop offset=".823" stop-color="#f853a1"/><stop offset="1" stop-color="#fa52a0"/></linearGradient><clipPath id="SVGHcSWxdhd11"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-sushiswap-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(%23SVGHcSWxdhd11)%22%3E%3Cpath%20fill%3D%22url(%23SVGADZAIcaI)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.326%2010.866c.174.386.22.728.045.963c-.166.235-.507.304-.924.266c-.75-.061-1.735-.47-2.69-1.154S11.1%209.454%2010.804%208.763c-.167-.387-.212-.728-.045-.964c.167-.235.507-.303.932-.273c.742.069%201.734.47%202.681%201.154c.955.683%201.66%201.495%201.955%202.186%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M19.794%2011.952a5%205%200%200%200-.143-.365c-.62-1.442-2.083-3.15-4.075-4.584c-2-1.427-4.076-2.27-5.644-2.399c-1.137-.09-2.015.19-2.47.828L4.333%209.803c-.454.637-.439%201.563.015%202.61c.416.953%201.192%202.022%202.248%203.05a16%2016%200%200%200%201.836%201.527c1.992%201.434%204.076%202.269%205.644%202.406c1.128.09%202.015-.19%202.47-.828l3.12-4.371c.401-.562.437-1.348.128-2.245m-.56%201.926l-.022.038c-.371.478-1.076.637-1.97.57c-1.492-.122-3.47-.934-5.37-2.3C9.97%2010.82%208.567%209.203%207.97%207.822c-.356-.82-.432-1.54-.091-2.049l.015-.03c.364-.508%201.083-.676%201.992-.6c1.493.122%203.47.934%205.372%202.3c1.908%201.366%203.31%202.982%203.909%204.356c.356.835.431%201.578.068%202.08%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGADZAIcaI%22%20x1%3D%229.432%22%20x2%3D%2214.509%22%20y1%3D%224.471%22%20y2%3D%2219.551%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2327b0e6%22%2F%3E%3Cstop%20offset%3D%22.044%22%20stop-color%3D%22%2349a1db%22%2F%3E%3Cstop%20offset%3D%22.118%22%20stop-color%3D%22%237d8aca%22%2F%3E%3Cstop%20offset%3D%22.216%22%20stop-color%3D%22%23a279bd%22%2F%3E%3Cstop%20offset%3D%22.296%22%20stop-color%3D%22%23ba6fb6%22%2F%3E%3Cstop%20offset%3D%22.375%22%20stop-color%3D%22%23c26bb3%22%2F%3E%3Cstop%20offset%3D%22.468%22%20stop-color%3D%22%23d563ad%22%2F%3E%3Cstop%20offset%3D%22.58%22%20stop-color%3D%22%23e65ba7%22%2F%3E%3Cstop%20offset%3D%22.709%22%20stop-color%3D%22%23f156a3%22%2F%3E%3Cstop%20offset%3D%22.823%22%20stop-color%3D%22%23f853a1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fa52a0%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd11%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(%23SVGHcSWxdhd11)%22%3E%3Cpath%20fill%3D%22url(%23SVGADZAIcaI)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.326%2010.866c.174.386.22.728.045.963c-.166.235-.507.304-.924.266c-.75-.061-1.735-.47-2.69-1.154S11.1%209.454%2010.804%208.763c-.167-.387-.212-.728-.045-.964c.167-.235.507-.303.932-.273c.742.069%201.734.47%202.681%201.154c.955.683%201.66%201.495%201.955%202.186%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M19.794%2011.952a5%205%200%200%200-.143-.365c-.62-1.442-2.083-3.15-4.075-4.584c-2-1.427-4.076-2.27-5.644-2.399c-1.137-.09-2.015.19-2.47.828L4.333%209.803c-.454.637-.439%201.563.015%202.61c.416.953%201.192%202.022%202.248%203.05a16%2016%200%200%200%201.836%201.527c1.992%201.434%204.076%202.269%205.644%202.406c1.128.09%202.015-.19%202.47-.828l3.12-4.371c.401-.562.437-1.348.128-2.245m-.56%201.926l-.022.038c-.371.478-1.076.637-1.97.57c-1.492-.122-3.47-.934-5.37-2.3C9.97%2010.82%208.567%209.203%207.97%207.822c-.356-.82-.432-1.54-.091-2.049l.015-.03c.364-.508%201.083-.676%201.992-.6c1.493.122%203.47.934%205.372%202.3c1.908%201.366%203.31%202.982%203.909%204.356c.356.835.431%201.578.068%202.08%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGADZAIcaI%22%20x1%3D%229.432%22%20x2%3D%2214.509%22%20y1%3D%224.471%22%20y2%3D%2219.551%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2327b0e6%22%2F%3E%3Cstop%20offset%3D%22.044%22%20stop-color%3D%22%2349a1db%22%2F%3E%3Cstop%20offset%3D%22.118%22%20stop-color%3D%22%237d8aca%22%2F%3E%3Cstop%20offset%3D%22.216%22%20stop-color%3D%22%23a279bd%22%2F%3E%3Cstop%20offset%3D%22.296%22%20stop-color%3D%22%23ba6fb6%22%2F%3E%3Cstop%20offset%3D%22.375%22%20stop-color%3D%22%23c26bb3%22%2F%3E%3Cstop%20offset%3D%22.468%22%20stop-color%3D%22%23d563ad%22%2F%3E%3Cstop%20offset%3D%22.58%22%20stop-color%3D%22%23e65ba7%22%2F%3E%3Cstop%20offset%3D%22.709%22%20stop-color%3D%22%23f156a3%22%2F%3E%3Cstop%20offset%3D%22.823%22%20stop-color%3D%22%23f853a1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fa52a0%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd11%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/sushiswap-background.svg?color=%231a73e8&size=48
