snx logo
snx from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- snx
- 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 snx logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#1b1230"><path fill-opacity=".45" d="m5.363 19.143l10.249-14.26c.484-.855 2.34-.646 3.116-.343L8.676 18.518c-.41.647-2.441.692-3.319.62z"/><path d="M13.086 10.594c.557.017 1.035.827 1.035 1.406c0 .58-.478 1.39-1.035 1.406h-2.75c-2.644-.034-5.08-2.655-5.08-5.35c0-2.7 2.436-5.022 5.08-5.056h7.093c.557.017 1.322.484 1.322 1.378c0 .889-.467 1.406-1.322 1.434h-7.093a2.3 2.3 0 0 0-2.273 2.245c0 1.519.776 2.537 2.273 2.537h2.756z"/><path d="M10.914 13.406C10.357 13.39 9.88 12.58 9.88 12s.478-1.39 1.035-1.406h2.75c2.645.034 5.086 2.655 5.086 5.35c0 2.699-2.441 5.022-5.085 5.056H6.572c-.827-.023-1.3-.45-1.322-1.356a1.423 1.423 0 0 1 1.322-1.456h7.093c1.181 0 2.272-.9 2.272-2.245c0-1.519-.776-2.537-2.272-2.537z"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedSnx(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#1b1230"><path fillOpacity=".45" d="m5.363 19.143l10.249-14.26c.484-.855 2.34-.646 3.116-.343L8.676 18.518c-.41.647-2.441.692-3.319.62z"/><path d="M13.086 10.594c.557.017 1.035.827 1.035 1.406c0 .58-.478 1.39-1.035 1.406h-2.75c-2.644-.034-5.08-2.655-5.08-5.35c0-2.7 2.436-5.022 5.08-5.056h7.093c.557.017 1.322.484 1.322 1.378c0 .889-.467 1.406-1.322 1.434h-7.093a2.3 2.3 0 0 0-2.273 2.245c0 1.519.776 2.537 2.273 2.537h2.756z"/><path d="M10.914 13.406C10.357 13.39 9.88 12.58 9.88 12s.478-1.39 1.035-1.406h2.75c2.645.034 5.086 2.655 5.086 5.35c0 2.699-2.441 5.022-5.085 5.056H6.572c-.827-.023-1.3-.45-1.322-1.356a1.423 1.423 0 0 1 1.322-1.456h7.093c1.181 0 2.272-.9 2.272-2.245c0-1.519-.776-2.537-2.272-2.537z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#1b1230"><path fill-opacity=".45" d="m5.363 19.143l10.249-14.26c.484-.855 2.34-.646 3.116-.343L8.676 18.518c-.41.647-2.441.692-3.319.62z"/><path d="M13.086 10.594c.557.017 1.035.827 1.035 1.406c0 .58-.478 1.39-1.035 1.406h-2.75c-2.644-.034-5.08-2.655-5.08-5.35c0-2.7 2.436-5.022 5.08-5.056h7.093c.557.017 1.322.484 1.322 1.378c0 .889-.467 1.406-1.322 1.434h-7.093a2.3 2.3 0 0 0-2.273 2.245c0 1.519.776 2.537 2.273 2.537h2.756z"/><path d="M10.914 13.406C10.357 13.39 9.88 12.58 9.88 12s.478-1.39 1.035-1.406h2.75c2.645.034 5.086 2.655 5.086 5.35c0 2.699-2.441 5.022-5.085 5.056H6.572c-.827-.023-1.3-.45-1.322-1.356a1.423 1.423 0 0 1 1.322-1.456h7.093c1.181 0 2.272-.9 2.272-2.245c0-1.519-.776-2.537-2.272-2.537z"/></g></svg> </template>
CSS
.icon-snx {
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%22%231b1230%22%3E%3Cpath%20fill-opacity%3D%22.45%22%20d%3D%22m5.363%2019.143l10.249-14.26c.484-.855%202.34-.646%203.116-.343L8.676%2018.518c-.41.647-2.441.692-3.319.62z%22%2F%3E%3Cpath%20d%3D%22M13.086%2010.594c.557.017%201.035.827%201.035%201.406c0%20.58-.478%201.39-1.035%201.406h-2.75c-2.644-.034-5.08-2.655-5.08-5.35c0-2.7%202.436-5.022%205.08-5.056h7.093c.557.017%201.322.484%201.322%201.378c0%20.889-.467%201.406-1.322%201.434h-7.093a2.3%202.3%200%200%200-2.273%202.245c0%201.519.776%202.537%202.273%202.537h2.756z%22%2F%3E%3Cpath%20d%3D%22M10.914%2013.406C10.357%2013.39%209.88%2012.58%209.88%2012s.478-1.39%201.035-1.406h2.75c2.645.034%205.086%202.655%205.086%205.35c0%202.699-2.441%205.022-5.085%205.056H6.572c-.827-.023-1.3-.45-1.322-1.356a1.423%201.423%200%200%201%201.322-1.456h7.093c1.181%200%202.272-.9%202.272-2.245c0-1.519-.776-2.537-2.272-2.537z%22%2F%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%22%231b1230%22%3E%3Cpath%20fill-opacity%3D%22.45%22%20d%3D%22m5.363%2019.143l10.249-14.26c.484-.855%202.34-.646%203.116-.343L8.676%2018.518c-.41.647-2.441.692-3.319.62z%22%2F%3E%3Cpath%20d%3D%22M13.086%2010.594c.557.017%201.035.827%201.035%201.406c0%20.58-.478%201.39-1.035%201.406h-2.75c-2.644-.034-5.08-2.655-5.08-5.35c0-2.7%202.436-5.022%205.08-5.056h7.093c.557.017%201.322.484%201.322%201.378c0%20.889-.467%201.406-1.322%201.434h-7.093a2.3%202.3%200%200%200-2.273%202.245c0%201.519.776%202.537%202.273%202.537h2.756z%22%2F%3E%3Cpath%20d%3D%22M10.914%2013.406C10.357%2013.39%209.88%2012.58%209.88%2012s.478-1.39%201.035-1.406h2.75c2.645.034%205.086%202.655%205.086%205.35c0%202.699-2.441%205.022-5.085%205.056H6.572c-.827-.023-1.3-.45-1.322-1.356a1.423%201.423%200%200%201%201.322-1.456h7.093c1.181%200%202.272-.9%202.272-2.245c0-1.519-.776-2.537-2.272-2.537z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/snx.svg?color=%231a73e8&size=48
