si logo
si from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- si
- 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 si logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#fff" d="M14.5 12.694q-1.002-.42-2.383-.588a.6.6 0 0 0-.222.016c-.52.143-1.06.254-1.641.318c-1.112.137-1.986 0-2.632-.392a1.84 1.84 0 0 1-.889-1.398c-.117-.868.159-1.535.836-2.006c.389-.262.82-.452 1.276-.562c1.197-.301 2.71-.391 4.543-.259c1.292.095 2.52.265 3.695.503c.032 0 .042.021.037.053l-.048.233q-.079.454-.174.646a.75.75 0 0 1-.466.423a1 1 0 0 1-.413 0a24 24 0 0 0-4.998-.36c-.413.016-.805.043-1.164.096q-.931.127-1.186.571a.78.78 0 0 0-.037.742q.15.333.513.54c.26.148.477.248.64.312c.61.212 1.26.37 1.96.46c.09.016.18.011.259-.01a12 12 0 0 1 2.345-.365a3.7 3.7 0 0 1 1.689.264a1.88 1.88 0 0 1 1.16 1.218c.142.508.127.969-.059 1.398c-.185.423-.508.746-.969.984q-.706.36-1.556.503q-1.407.238-2.965.196a31 31 0 0 1-4.907-.545c-.027-.005-.032-.021-.027-.048l.032-.18c.058-.307.122-.53.185-.656a.75.75 0 0 1 .492-.413a1.6 1.6 0 0 1 .646.031c.387.074.773.127 1.165.17q1.875.192 3.764.137c.408-.01.81-.047 1.218-.105q1.375-.206 1.154-1.133a.9.9 0 0 0-.36-.498a2.3 2.3 0 0 0-.514-.296"/><path fill="url(#SVGe10cJbhY)" fill-rule="evenodd" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m0-1.059a7.942 7.942 0 1 0 0-15.883a7.942 7.942 0 0 0 0 15.883" clip-rule="evenodd"/><defs><linearGradient id="SVGe10cJbhY" x1="5.128" x2="18.284" y1="6.367" y2="17.75" gradientUnits="userSpaceOnUse"><stop stop-color="#3d56c6"/><stop offset=".24" stop-color="#dc52f4"/><stop offset=".5" stop-color="#8af34e"/><stop offset="1" stop-color="#2ac4e6"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedSi(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="#fff" d="M14.5 12.694q-1.002-.42-2.383-.588a.6.6 0 0 0-.222.016c-.52.143-1.06.254-1.641.318c-1.112.137-1.986 0-2.632-.392a1.84 1.84 0 0 1-.889-1.398c-.117-.868.159-1.535.836-2.006c.389-.262.82-.452 1.276-.562c1.197-.301 2.71-.391 4.543-.259c1.292.095 2.52.265 3.695.503c.032 0 .042.021.037.053l-.048.233q-.079.454-.174.646a.75.75 0 0 1-.466.423a1 1 0 0 1-.413 0a24 24 0 0 0-4.998-.36c-.413.016-.805.043-1.164.096q-.931.127-1.186.571a.78.78 0 0 0-.037.742q.15.333.513.54c.26.148.477.248.64.312c.61.212 1.26.37 1.96.46c.09.016.18.011.259-.01a12 12 0 0 1 2.345-.365a3.7 3.7 0 0 1 1.689.264a1.88 1.88 0 0 1 1.16 1.218c.142.508.127.969-.059 1.398c-.185.423-.508.746-.969.984q-.706.36-1.556.503q-1.407.238-2.965.196a31 31 0 0 1-4.907-.545c-.027-.005-.032-.021-.027-.048l.032-.18c.058-.307.122-.53.185-.656a.75.75 0 0 1 .492-.413a1.6 1.6 0 0 1 .646.031c.387.074.773.127 1.165.17q1.875.192 3.764.137c.408-.01.81-.047 1.218-.105q1.375-.206 1.154-1.133a.9.9 0 0 0-.36-.498a2.3 2.3 0 0 0-.514-.296"/><path fill="url(#SVGe10cJbhY)" fillRule="evenodd" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m0-1.059a7.942 7.942 0 1 0 0-15.883a7.942 7.942 0 0 0 0 15.883" clipRule="evenodd"/><defs><linearGradient id="SVGe10cJbhY" x1="5.128" x2="18.284" y1="6.367" y2="17.75" gradientUnits="userSpaceOnUse"><stop stopColor="#3d56c6"/><stop offset=".24" stopColor="#dc52f4"/><stop offset=".5" stopColor="#8af34e"/><stop offset="1" stopColor="#2ac4e6"/></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="#fff" d="M14.5 12.694q-1.002-.42-2.383-.588a.6.6 0 0 0-.222.016c-.52.143-1.06.254-1.641.318c-1.112.137-1.986 0-2.632-.392a1.84 1.84 0 0 1-.889-1.398c-.117-.868.159-1.535.836-2.006c.389-.262.82-.452 1.276-.562c1.197-.301 2.71-.391 4.543-.259c1.292.095 2.52.265 3.695.503c.032 0 .042.021.037.053l-.048.233q-.079.454-.174.646a.75.75 0 0 1-.466.423a1 1 0 0 1-.413 0a24 24 0 0 0-4.998-.36c-.413.016-.805.043-1.164.096q-.931.127-1.186.571a.78.78 0 0 0-.037.742q.15.333.513.54c.26.148.477.248.64.312c.61.212 1.26.37 1.96.46c.09.016.18.011.259-.01a12 12 0 0 1 2.345-.365a3.7 3.7 0 0 1 1.689.264a1.88 1.88 0 0 1 1.16 1.218c.142.508.127.969-.059 1.398c-.185.423-.508.746-.969.984q-.706.36-1.556.503q-1.407.238-2.965.196a31 31 0 0 1-4.907-.545c-.027-.005-.032-.021-.027-.048l.032-.18c.058-.307.122-.53.185-.656a.75.75 0 0 1 .492-.413a1.6 1.6 0 0 1 .646.031c.387.074.773.127 1.165.17q1.875.192 3.764.137c.408-.01.81-.047 1.218-.105q1.375-.206 1.154-1.133a.9.9 0 0 0-.36-.498a2.3 2.3 0 0 0-.514-.296"/><path fill="url(#SVGe10cJbhY)" fill-rule="evenodd" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m0-1.059a7.942 7.942 0 1 0 0-15.883a7.942 7.942 0 0 0 0 15.883" clip-rule="evenodd"/><defs><linearGradient id="SVGe10cJbhY" x1="5.128" x2="18.284" y1="6.367" y2="17.75" gradientUnits="userSpaceOnUse"><stop stop-color="#3d56c6"/><stop offset=".24" stop-color="#dc52f4"/><stop offset=".5" stop-color="#8af34e"/><stop offset="1" stop-color="#2ac4e6"/></linearGradient></defs></g></svg> </template>
CSS
.icon-si {
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%22%23fff%22%20d%3D%22M14.5%2012.694q-1.002-.42-2.383-.588a.6.6%200%200%200-.222.016c-.52.143-1.06.254-1.641.318c-1.112.137-1.986%200-2.632-.392a1.84%201.84%200%200%201-.889-1.398c-.117-.868.159-1.535.836-2.006c.389-.262.82-.452%201.276-.562c1.197-.301%202.71-.391%204.543-.259c1.292.095%202.52.265%203.695.503c.032%200%20.042.021.037.053l-.048.233q-.079.454-.174.646a.75.75%200%200%201-.466.423a1%201%200%200%201-.413%200a24%2024%200%200%200-4.998-.36c-.413.016-.805.043-1.164.096q-.931.127-1.186.571a.78.78%200%200%200-.037.742q.15.333.513.54c.26.148.477.248.64.312c.61.212%201.26.37%201.96.46c.09.016.18.011.259-.01a12%2012%200%200%201%202.345-.365a3.7%203.7%200%200%201%201.689.264a1.88%201.88%200%200%201%201.16%201.218c.142.508.127.969-.059%201.398c-.185.423-.508.746-.969.984q-.706.36-1.556.503q-1.407.238-2.965.196a31%2031%200%200%201-4.907-.545c-.027-.005-.032-.021-.027-.048l.032-.18c.058-.307.122-.53.185-.656a.75.75%200%200%201%20.492-.413a1.6%201.6%200%200%201%20.646.031c.387.074.773.127%201.165.17q1.875.192%203.764.137c.408-.01.81-.047%201.218-.105q1.375-.206%201.154-1.133a.9.9%200%200%200-.36-.498a2.3%202.3%200%200%200-.514-.296%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGe10cJbhY)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2021a9%209%200%201%200%200-18a9%209%200%200%200%200%2018m0-1.059a7.942%207.942%200%201%200%200-15.883a7.942%207.942%200%200%200%200%2015.883%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGe10cJbhY%22%20x1%3D%225.128%22%20x2%3D%2218.284%22%20y1%3D%226.367%22%20y2%3D%2217.75%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233d56c6%22%2F%3E%3Cstop%20offset%3D%22.24%22%20stop-color%3D%22%23dc52f4%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%238af34e%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232ac4e6%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%22%23fff%22%20d%3D%22M14.5%2012.694q-1.002-.42-2.383-.588a.6.6%200%200%200-.222.016c-.52.143-1.06.254-1.641.318c-1.112.137-1.986%200-2.632-.392a1.84%201.84%200%200%201-.889-1.398c-.117-.868.159-1.535.836-2.006c.389-.262.82-.452%201.276-.562c1.197-.301%202.71-.391%204.543-.259c1.292.095%202.52.265%203.695.503c.032%200%20.042.021.037.053l-.048.233q-.079.454-.174.646a.75.75%200%200%201-.466.423a1%201%200%200%201-.413%200a24%2024%200%200%200-4.998-.36c-.413.016-.805.043-1.164.096q-.931.127-1.186.571a.78.78%200%200%200-.037.742q.15.333.513.54c.26.148.477.248.64.312c.61.212%201.26.37%201.96.46c.09.016.18.011.259-.01a12%2012%200%200%201%202.345-.365a3.7%203.7%200%200%201%201.689.264a1.88%201.88%200%200%201%201.16%201.218c.142.508.127.969-.059%201.398c-.185.423-.508.746-.969.984q-.706.36-1.556.503q-1.407.238-2.965.196a31%2031%200%200%201-4.907-.545c-.027-.005-.032-.021-.027-.048l.032-.18c.058-.307.122-.53.185-.656a.75.75%200%200%201%20.492-.413a1.6%201.6%200%200%201%20.646.031c.387.074.773.127%201.165.17q1.875.192%203.764.137c.408-.01.81-.047%201.218-.105q1.375-.206%201.154-1.133a.9.9%200%200%200-.36-.498a2.3%202.3%200%200%200-.514-.296%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGe10cJbhY)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2021a9%209%200%201%200%200-18a9%209%200%200%200%200%2018m0-1.059a7.942%207.942%200%201%200%200-15.883a7.942%207.942%200%200%200%200%2015.883%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGe10cJbhY%22%20x1%3D%225.128%22%20x2%3D%2218.284%22%20y1%3D%226.367%22%20y2%3D%2217.75%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233d56c6%22%2F%3E%3Cstop%20offset%3D%22.24%22%20stop-color%3D%22%23dc52f4%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%238af34e%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232ac4e6%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/si.svg?color=%231a73e8&size=48
