sushiswap logo
sushiswap from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- sushiswap
- 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 sushiswap 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(#SVG3z7UNe4m)" fill-rule="evenodd" d="m20.625 14.451l-3.511 4.878c-.512.71-1.509 1.024-2.779.923c-1.764-.153-4.108-1.084-6.35-2.684a18 18 0 0 1-2.065-1.705c-1.188-1.146-2.06-2.338-2.528-3.402c-.511-1.168-.528-2.201-.017-2.912l3.52-4.878c.511-.71 1.5-1.024 2.778-.923c1.765.144 4.1 1.084 6.35 2.676c2.241 1.6 3.886 3.506 4.585 5.115q.09.207.16.408c.348 1 .308 1.877-.143 2.504" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M20.063 11.776c-.674-1.533-2.25-3.337-4.398-4.86c-2.14-1.525-4.364-2.43-6.043-2.566c-1.023-.085-1.832.101-2.241.669l-.017.033c-.384.568-.299 1.372.102 2.287c.673 1.54 2.25 3.344 4.39 4.868c2.138 1.525 4.363 2.43 6.042 2.566c1.005.076 1.798-.101 2.216-.635l.025-.042c.41-.56.324-1.389-.076-2.32m-3.145.034c-.188.262-.571.338-1.04.296c-.844-.068-1.952-.525-3.026-1.287s-1.866-1.66-2.199-2.43c-.187-.432-.238-.813-.05-1.076c.187-.262.57-.339 1.047-.305c.836.077 1.952.525 3.018 1.288c1.074.762 1.866 1.668 2.198 2.438c.197.432.248.813.052 1.076" clip-rule="evenodd"/><defs><linearGradient id="SVG3z7UNe4m" x1="9.111" x2="14.823" y1="3.53" y2="20.494" 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></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedSushiswap(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(#SVG3z7UNe4m)" fillRule="evenodd" d="m20.625 14.451l-3.511 4.878c-.512.71-1.509 1.024-2.779.923c-1.764-.153-4.108-1.084-6.35-2.684a18 18 0 0 1-2.065-1.705c-1.188-1.146-2.06-2.338-2.528-3.402c-.511-1.168-.528-2.201-.017-2.912l3.52-4.878c.511-.71 1.5-1.024 2.778-.923c1.765.144 4.1 1.084 6.35 2.676c2.241 1.6 3.886 3.506 4.585 5.115q.09.207.16.408c.348 1 .308 1.877-.143 2.504" clipRule="evenodd"/><path fill="#fff" fillRule="evenodd" d="M20.063 11.776c-.674-1.533-2.25-3.337-4.398-4.86c-2.14-1.525-4.364-2.43-6.043-2.566c-1.023-.085-1.832.101-2.241.669l-.017.033c-.384.568-.299 1.372.102 2.287c.673 1.54 2.25 3.344 4.39 4.868c2.138 1.525 4.363 2.43 6.042 2.566c1.005.076 1.798-.101 2.216-.635l.025-.042c.41-.56.324-1.389-.076-2.32m-3.145.034c-.188.262-.571.338-1.04.296c-.844-.068-1.952-.525-3.026-1.287s-1.866-1.66-2.199-2.43c-.187-.432-.238-.813-.05-1.076c.187-.262.57-.339 1.047-.305c.836.077 1.952.525 3.018 1.288c1.074.762 1.866 1.668 2.198 2.438c.197.432.248.813.052 1.076" clipRule="evenodd"/><defs><linearGradient id="SVG3z7UNe4m" x1="9.111" x2="14.823" y1="3.53" y2="20.494" 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></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(#SVG3z7UNe4m)" fill-rule="evenodd" d="m20.625 14.451l-3.511 4.878c-.512.71-1.509 1.024-2.779.923c-1.764-.153-4.108-1.084-6.35-2.684a18 18 0 0 1-2.065-1.705c-1.188-1.146-2.06-2.338-2.528-3.402c-.511-1.168-.528-2.201-.017-2.912l3.52-4.878c.511-.71 1.5-1.024 2.778-.923c1.765.144 4.1 1.084 6.35 2.676c2.241 1.6 3.886 3.506 4.585 5.115q.09.207.16.408c.348 1 .308 1.877-.143 2.504" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M20.063 11.776c-.674-1.533-2.25-3.337-4.398-4.86c-2.14-1.525-4.364-2.43-6.043-2.566c-1.023-.085-1.832.101-2.241.669l-.017.033c-.384.568-.299 1.372.102 2.287c.673 1.54 2.25 3.344 4.39 4.868c2.138 1.525 4.363 2.43 6.042 2.566c1.005.076 1.798-.101 2.216-.635l.025-.042c.41-.56.324-1.389-.076-2.32m-3.145.034c-.188.262-.571.338-1.04.296c-.844-.068-1.952-.525-3.026-1.287s-1.866-1.66-2.199-2.43c-.187-.432-.238-.813-.05-1.076c.187-.262.57-.339 1.047-.305c.836.077 1.952.525 3.018 1.288c1.074.762 1.866 1.668 2.198 2.438c.197.432.248.813.052 1.076" clip-rule="evenodd"/><defs><linearGradient id="SVG3z7UNe4m" x1="9.111" x2="14.823" y1="3.53" y2="20.494" 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></defs></g></svg> </template>
CSS
.icon-sushiswap {
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(%23SVG3z7UNe4m)%22%20fill-rule%3D%22evenodd%22%20d%3D%22m20.625%2014.451l-3.511%204.878c-.512.71-1.509%201.024-2.779.923c-1.764-.153-4.108-1.084-6.35-2.684a18%2018%200%200%201-2.065-1.705c-1.188-1.146-2.06-2.338-2.528-3.402c-.511-1.168-.528-2.201-.017-2.912l3.52-4.878c.511-.71%201.5-1.024%202.778-.923c1.765.144%204.1%201.084%206.35%202.676c2.241%201.6%203.886%203.506%204.585%205.115q.09.207.16.408c.348%201%20.308%201.877-.143%202.504%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20.063%2011.776c-.674-1.533-2.25-3.337-4.398-4.86c-2.14-1.525-4.364-2.43-6.043-2.566c-1.023-.085-1.832.101-2.241.669l-.017.033c-.384.568-.299%201.372.102%202.287c.673%201.54%202.25%203.344%204.39%204.868c2.138%201.525%204.363%202.43%206.042%202.566c1.005.076%201.798-.101%202.216-.635l.025-.042c.41-.56.324-1.389-.076-2.32m-3.145.034c-.188.262-.571.338-1.04.296c-.844-.068-1.952-.525-3.026-1.287s-1.866-1.66-2.199-2.43c-.187-.432-.238-.813-.05-1.076c.187-.262.57-.339%201.047-.305c.836.077%201.952.525%203.018%201.288c1.074.762%201.866%201.668%202.198%202.438c.197.432.248.813.052%201.076%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG3z7UNe4m%22%20x1%3D%229.111%22%20x2%3D%2214.823%22%20y1%3D%223.53%22%20y2%3D%2220.494%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%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(%23SVG3z7UNe4m)%22%20fill-rule%3D%22evenodd%22%20d%3D%22m20.625%2014.451l-3.511%204.878c-.512.71-1.509%201.024-2.779.923c-1.764-.153-4.108-1.084-6.35-2.684a18%2018%200%200%201-2.065-1.705c-1.188-1.146-2.06-2.338-2.528-3.402c-.511-1.168-.528-2.201-.017-2.912l3.52-4.878c.511-.71%201.5-1.024%202.778-.923c1.765.144%204.1%201.084%206.35%202.676c2.241%201.6%203.886%203.506%204.585%205.115q.09.207.16.408c.348%201%20.308%201.877-.143%202.504%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20.063%2011.776c-.674-1.533-2.25-3.337-4.398-4.86c-2.14-1.525-4.364-2.43-6.043-2.566c-1.023-.085-1.832.101-2.241.669l-.017.033c-.384.568-.299%201.372.102%202.287c.673%201.54%202.25%203.344%204.39%204.868c2.138%201.525%204.363%202.43%206.042%202.566c1.005.076%201.798-.101%202.216-.635l.025-.042c.41-.56.324-1.389-.076-2.32m-3.145.034c-.188.262-.571.338-1.04.296c-.844-.068-1.952-.525-3.026-1.287s-1.866-1.66-2.199-2.43c-.187-.432-.238-.813-.05-1.076c.187-.262.57-.339%201.047-.305c.836.077%201.952.525%203.018%201.288c1.074.762%201.866%201.668%202.198%202.438c.197.432.248.813.052%201.076%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG3z7UNe4m%22%20x1%3D%229.111%22%20x2%3D%2214.823%22%20y1%3D%223.53%22%20y2%3D%2220.494%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%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.svg?color=%231a73e8&size=48
