sdao logo
sdao from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- sdao
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
Use the sdao 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(#SVGfIvHIbRZ)" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m2.276-11.53c.207-.895.09-2.05-1.016-3.632c3.976.868 6.49 5.193 5.41 9.047a6.82 6.82 0 0 1-3.234 4.225c-1.329.741-3.267 1.323-4.701.54a2.71 2.71 0 0 1-1.33-2.79c.176-.873.806-1.731 1.478-2.541c.36-.434.741-.847 1.117-1.27l.582-.641c.752-.853 1.435-1.864 1.684-2.939z"/><path fill="#203bdb" d="M6.203 8.293c3.15-3.378 7.026-2.457 7.026-2.457l-.075-.084c-.423-.106-4.33-.794-6.95 2.54"/><path fill="url(#SVGm32NN1WY)" d="M15.44 19.11c-1.328.74-3.266 1.323-4.7.54a2.71 2.71 0 0 1-1.33-2.79c.175-.874.805-1.732 1.478-2.542c.36-.434.74-.847 1.117-1.27l.582-.64c-.995 1.047-2.51 1.561-3.6 2.403c-1.085.83-1.43 2.086-1.143 3.425c.301 1.376 1.328 2.647 3.806 2.753c1.551.069 2.764-.953 3.79-1.88"/><defs><linearGradient id="SVGfIvHIbRZ" x1="21" x2="3" y1="12.016" y2="12.016" gradientUnits="userSpaceOnUse"><stop offset=".11" stop-color="#e25900"/><stop offset=".2" stop-color="#cbc91e"/><stop offset=".35" stop-color="#2de2c1"/><stop offset=".46" stop-color="#3093d3"/><stop offset=".7" stop-color="#2024de"/><stop offset="1" stop-color="#2624df"/></linearGradient><linearGradient id="SVGm32NN1WY" x1="9.644" x2="7.743" y1="16.304" y2="16.388" gradientUnits="userSpaceOnUse"><stop stop-color="#203bdb"/><stop offset="1" stop-color="#2133dd" stop-opacity=".4"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedSdao(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(#SVGfIvHIbRZ)" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m2.276-11.53c.207-.895.09-2.05-1.016-3.632c3.976.868 6.49 5.193 5.41 9.047a6.82 6.82 0 0 1-3.234 4.225c-1.329.741-3.267 1.323-4.701.54a2.71 2.71 0 0 1-1.33-2.79c.176-.873.806-1.731 1.478-2.541c.36-.434.741-.847 1.117-1.27l.582-.641c.752-.853 1.435-1.864 1.684-2.939z"/><path fill="#203bdb" d="M6.203 8.293c3.15-3.378 7.026-2.457 7.026-2.457l-.075-.084c-.423-.106-4.33-.794-6.95 2.54"/><path fill="url(#SVGm32NN1WY)" d="M15.44 19.11c-1.328.74-3.266 1.323-4.7.54a2.71 2.71 0 0 1-1.33-2.79c.175-.874.805-1.732 1.478-2.542c.36-.434.74-.847 1.117-1.27l.582-.64c-.995 1.047-2.51 1.561-3.6 2.403c-1.085.83-1.43 2.086-1.143 3.425c.301 1.376 1.328 2.647 3.806 2.753c1.551.069 2.764-.953 3.79-1.88"/><defs><linearGradient id="SVGfIvHIbRZ" x1="21" x2="3" y1="12.016" y2="12.016" gradientUnits="userSpaceOnUse"><stop offset=".11" stopColor="#e25900"/><stop offset=".2" stopColor="#cbc91e"/><stop offset=".35" stopColor="#2de2c1"/><stop offset=".46" stopColor="#3093d3"/><stop offset=".7" stopColor="#2024de"/><stop offset="1" stopColor="#2624df"/></linearGradient><linearGradient id="SVGm32NN1WY" x1="9.644" x2="7.743" y1="16.304" y2="16.388" gradientUnits="userSpaceOnUse"><stop stopColor="#203bdb"/><stop offset="1" stopColor="#2133dd" stopOpacity=".4"/></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(#SVGfIvHIbRZ)" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m2.276-11.53c.207-.895.09-2.05-1.016-3.632c3.976.868 6.49 5.193 5.41 9.047a6.82 6.82 0 0 1-3.234 4.225c-1.329.741-3.267 1.323-4.701.54a2.71 2.71 0 0 1-1.33-2.79c.176-.873.806-1.731 1.478-2.541c.36-.434.741-.847 1.117-1.27l.582-.641c.752-.853 1.435-1.864 1.684-2.939z"/><path fill="#203bdb" d="M6.203 8.293c3.15-3.378 7.026-2.457 7.026-2.457l-.075-.084c-.423-.106-4.33-.794-6.95 2.54"/><path fill="url(#SVGm32NN1WY)" d="M15.44 19.11c-1.328.74-3.266 1.323-4.7.54a2.71 2.71 0 0 1-1.33-2.79c.175-.874.805-1.732 1.478-2.542c.36-.434.74-.847 1.117-1.27l.582-.64c-.995 1.047-2.51 1.561-3.6 2.403c-1.085.83-1.43 2.086-1.143 3.425c.301 1.376 1.328 2.647 3.806 2.753c1.551.069 2.764-.953 3.79-1.88"/><defs><linearGradient id="SVGfIvHIbRZ" x1="21" x2="3" y1="12.016" y2="12.016" gradientUnits="userSpaceOnUse"><stop offset=".11" stop-color="#e25900"/><stop offset=".2" stop-color="#cbc91e"/><stop offset=".35" stop-color="#2de2c1"/><stop offset=".46" stop-color="#3093d3"/><stop offset=".7" stop-color="#2024de"/><stop offset="1" stop-color="#2624df"/></linearGradient><linearGradient id="SVGm32NN1WY" x1="9.644" x2="7.743" y1="16.304" y2="16.388" gradientUnits="userSpaceOnUse"><stop stop-color="#203bdb"/><stop offset="1" stop-color="#2133dd" stop-opacity=".4"/></linearGradient></defs></g></svg> </template>
CSS
.icon-sdao {
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(%23SVGfIvHIbRZ)%22%20d%3D%22M12%2021a9%209%200%201%200%200-18a9%209%200%200%200%200%2018m2.276-11.53c.207-.895.09-2.05-1.016-3.632c3.976.868%206.49%205.193%205.41%209.047a6.82%206.82%200%200%201-3.234%204.225c-1.329.741-3.267%201.323-4.701.54a2.71%202.71%200%200%201-1.33-2.79c.176-.873.806-1.731%201.478-2.541c.36-.434.741-.847%201.117-1.27l.582-.641c.752-.853%201.435-1.864%201.684-2.939z%22%2F%3E%3Cpath%20fill%3D%22%23203bdb%22%20d%3D%22M6.203%208.293c3.15-3.378%207.026-2.457%207.026-2.457l-.075-.084c-.423-.106-4.33-.794-6.95%202.54%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGm32NN1WY)%22%20d%3D%22M15.44%2019.11c-1.328.74-3.266%201.323-4.7.54a2.71%202.71%200%200%201-1.33-2.79c.175-.874.805-1.732%201.478-2.542c.36-.434.74-.847%201.117-1.27l.582-.64c-.995%201.047-2.51%201.561-3.6%202.403c-1.085.83-1.43%202.086-1.143%203.425c.301%201.376%201.328%202.647%203.806%202.753c1.551.069%202.764-.953%203.79-1.88%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGfIvHIbRZ%22%20x1%3D%2221%22%20x2%3D%223%22%20y1%3D%2212.016%22%20y2%3D%2212.016%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.11%22%20stop-color%3D%22%23e25900%22%2F%3E%3Cstop%20offset%3D%22.2%22%20stop-color%3D%22%23cbc91e%22%2F%3E%3Cstop%20offset%3D%22.35%22%20stop-color%3D%22%232de2c1%22%2F%3E%3Cstop%20offset%3D%22.46%22%20stop-color%3D%22%233093d3%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%232024de%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232624df%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGm32NN1WY%22%20x1%3D%229.644%22%20x2%3D%227.743%22%20y1%3D%2216.304%22%20y2%3D%2216.388%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23203bdb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232133dd%22%20stop-opacity%3D%22.4%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(%23SVGfIvHIbRZ)%22%20d%3D%22M12%2021a9%209%200%201%200%200-18a9%209%200%200%200%200%2018m2.276-11.53c.207-.895.09-2.05-1.016-3.632c3.976.868%206.49%205.193%205.41%209.047a6.82%206.82%200%200%201-3.234%204.225c-1.329.741-3.267%201.323-4.701.54a2.71%202.71%200%200%201-1.33-2.79c.176-.873.806-1.731%201.478-2.541c.36-.434.741-.847%201.117-1.27l.582-.641c.752-.853%201.435-1.864%201.684-2.939z%22%2F%3E%3Cpath%20fill%3D%22%23203bdb%22%20d%3D%22M6.203%208.293c3.15-3.378%207.026-2.457%207.026-2.457l-.075-.084c-.423-.106-4.33-.794-6.95%202.54%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGm32NN1WY)%22%20d%3D%22M15.44%2019.11c-1.328.74-3.266%201.323-4.7.54a2.71%202.71%200%200%201-1.33-2.79c.175-.874.805-1.732%201.478-2.542c.36-.434.74-.847%201.117-1.27l.582-.64c-.995%201.047-2.51%201.561-3.6%202.403c-1.085.83-1.43%202.086-1.143%203.425c.301%201.376%201.328%202.647%203.806%202.753c1.551.069%202.764-.953%203.79-1.88%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGfIvHIbRZ%22%20x1%3D%2221%22%20x2%3D%223%22%20y1%3D%2212.016%22%20y2%3D%2212.016%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.11%22%20stop-color%3D%22%23e25900%22%2F%3E%3Cstop%20offset%3D%22.2%22%20stop-color%3D%22%23cbc91e%22%2F%3E%3Cstop%20offset%3D%22.35%22%20stop-color%3D%22%232de2c1%22%2F%3E%3Cstop%20offset%3D%22.46%22%20stop-color%3D%22%233093d3%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%232024de%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232624df%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGm32NN1WY%22%20x1%3D%229.644%22%20x2%3D%227.743%22%20y1%3D%2216.304%22%20y2%3D%2216.388%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23203bdb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232133dd%22%20stop-opacity%3D%22.4%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/sdao.svg?color=%231a73e8&size=48
