snx logo
snx from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- snx
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
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"><path fill="currentColor" fill-opacity=".45" d="M5.363 19.143L15.61 4.883c.484-.855 2.34-.646 3.116-.343L8.676 18.518c-.411.647-2.442.692-3.32.62z"/><path fill="currentColor" 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.645-.034-5.08-2.655-5.08-5.35c0-2.7 2.435-5.022 5.08-5.056h7.092c.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.272 2.245c0 1.519.776 2.537 2.272 2.537h2.756z"/><path fill="currentColor" d="M10.915 13.406C10.358 13.39 9.88 12.58 9.88 12s.478-1.39 1.035-1.406h2.75c2.644.034 5.085 2.655 5.085 5.35c0 2.699-2.44 5.022-5.085 5.056H6.572c-.827-.023-1.299-.45-1.322-1.356a1.423 1.423 0 0 1 1.322-1.457h7.093c1.182 0 2.273-.9 2.273-2.244c0-1.519-.776-2.537-2.273-2.537z"/></svg>
React
import type { SVGProps } from "react";
export function TokenSnx(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillOpacity=".45" d="M5.363 19.143L15.61 4.883c.484-.855 2.34-.646 3.116-.343L8.676 18.518c-.411.647-2.442.692-3.32.62z"/><path fill="currentColor" 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.645-.034-5.08-2.655-5.08-5.35c0-2.7 2.435-5.022 5.08-5.056h7.092c.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.272 2.245c0 1.519.776 2.537 2.272 2.537h2.756z"/><path fill="currentColor" d="M10.915 13.406C10.358 13.39 9.88 12.58 9.88 12s.478-1.39 1.035-1.406h2.75c2.644.034 5.085 2.655 5.085 5.35c0 2.699-2.44 5.022-5.085 5.056H6.572c-.827-.023-1.299-.45-1.322-1.356a1.423 1.423 0 0 1 1.322-1.457h7.093c1.182 0 2.273-.9 2.273-2.244c0-1.519-.776-2.537-2.273-2.537z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-opacity=".45" d="M5.363 19.143L15.61 4.883c.484-.855 2.34-.646 3.116-.343L8.676 18.518c-.411.647-2.442.692-3.32.62z"/><path fill="currentColor" 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.645-.034-5.08-2.655-5.08-5.35c0-2.7 2.435-5.022 5.08-5.056h7.092c.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.272 2.245c0 1.519.776 2.537 2.272 2.537h2.756z"/><path fill="currentColor" d="M10.915 13.406C10.358 13.39 9.88 12.58 9.88 12s.478-1.39 1.035-1.406h2.75c2.644.034 5.085 2.655 5.085 5.35c0 2.699-2.44 5.022-5.085 5.056H6.572c-.827-.023-1.299-.45-1.322-1.356a1.423 1.423 0 0 1 1.322-1.457h7.093c1.182 0 2.273-.9 2.273-2.244c0-1.519-.776-2.537-2.273-2.537z"/></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%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.45%22%20d%3D%22M5.363%2019.143L15.61%204.883c.484-.855%202.34-.646%203.116-.343L8.676%2018.518c-.411.647-2.442.692-3.32.62z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%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.645-.034-5.08-2.655-5.08-5.35c0-2.7%202.435-5.022%205.08-5.056h7.092c.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.272%202.245c0%201.519.776%202.537%202.272%202.537h2.756z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.915%2013.406C10.358%2013.39%209.88%2012.58%209.88%2012s.478-1.39%201.035-1.406h2.75c2.644.034%205.085%202.655%205.085%205.35c0%202.699-2.44%205.022-5.085%205.056H6.572c-.827-.023-1.299-.45-1.322-1.356a1.423%201.423%200%200%201%201.322-1.457h7.093c1.182%200%202.273-.9%202.273-2.244c0-1.519-.776-2.537-2.273-2.537z%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.45%22%20d%3D%22M5.363%2019.143L15.61%204.883c.484-.855%202.34-.646%203.116-.343L8.676%2018.518c-.411.647-2.442.692-3.32.62z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%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.645-.034-5.08-2.655-5.08-5.35c0-2.7%202.435-5.022%205.08-5.056h7.092c.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.272%202.245c0%201.519.776%202.537%202.272%202.537h2.756z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.915%2013.406C10.358%2013.39%209.88%2012.58%209.88%2012s.478-1.39%201.035-1.406h2.75c2.644.034%205.085%202.655%205.085%205.35c0%202.699-2.44%205.022-5.085%205.056H6.572c-.827-.023-1.299-.45-1.322-1.356a1.423%201.423%200%200%201%201.322-1.457h7.093c1.182%200%202.273-.9%202.273-2.244c0-1.519-.776-2.537-2.273-2.537z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/snx.svg?color=%231a73e8&size=48
