sdn logo
sdn-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- sdn-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the sdn logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd92)"><path fill="#bca1e6" d="M24 0H0v24h24z"/><path fill="#fff" d="M17.56 7.125c-7.973 1.653-8.43 4.867-7.658 6.267c-.462-1.102.33-3.747 7.205-5.53z"/><path fill="#fff" d="M9.6 9.831c-.915 1.414-.564 2.4-.275 2.724c-.463-3.502 5.444-5.422 8.457-5.937l.44-.876c-2.79.33-7.484 2.325-8.622 4.09"/><path fill="#fff" d="M8.134 8.218c-1.565 2.409.551 4.689 1.804 5.524c-1.942-2.409-2.324-4.222-.573-5.902c1.751-1.689 4.747-2.884 7.422-3.32L15.894 4c-1.938.4-6.205 1.804-7.765 4.218z"/><path fill="#fff" d="M17.093 4.8c-.933.093-3.48.702-6.178 2.364c-2.653 1.64-2.662 3.57-2.324 4.369c-.031-.587.422-2.133 2.48-3.644s5.35-2.298 6.737-2.503l-.71-.586zM6.44 16.876c7.973-1.653 8.431-4.867 7.658-6.267c.462 1.103-.33 3.747-7.205 5.53z"/><path fill="#fff" d="M14.4 14.168c.916-1.413.564-2.4.276-2.725c.462 3.503-5.445 5.423-8.458 5.938l-.44.876c2.79-.33 7.484-2.325 8.622-4.09"/><path fill="#fff" d="M15.868 15.782c1.564-2.409-.552-4.689-1.805-5.524c1.943 2.409 2.325 4.222.574 5.902c-1.751 1.689-4.747 2.884-7.423 3.32l.894.52c1.938-.4 6.204-1.804 7.764-4.218z"/><path fill="#fff" d="M6.907 19.2c.934-.093 3.48-.702 6.178-2.364c2.653-1.64 2.662-3.57 2.325-4.37c.03.587-.423 2.134-2.48 3.645s-5.351 2.298-6.738 2.502l.711.587z"/></g><defs><clipPath id="SVGHcSWxdhd92"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedSdnBackground(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"><g clipPath="url(#SVGHcSWxdhd92)"><path fill="#bca1e6" d="M24 0H0v24h24z"/><path fill="#fff" d="M17.56 7.125c-7.973 1.653-8.43 4.867-7.658 6.267c-.462-1.102.33-3.747 7.205-5.53z"/><path fill="#fff" d="M9.6 9.831c-.915 1.414-.564 2.4-.275 2.724c-.463-3.502 5.444-5.422 8.457-5.937l.44-.876c-2.79.33-7.484 2.325-8.622 4.09"/><path fill="#fff" d="M8.134 8.218c-1.565 2.409.551 4.689 1.804 5.524c-1.942-2.409-2.324-4.222-.573-5.902c1.751-1.689 4.747-2.884 7.422-3.32L15.894 4c-1.938.4-6.205 1.804-7.765 4.218z"/><path fill="#fff" d="M17.093 4.8c-.933.093-3.48.702-6.178 2.364c-2.653 1.64-2.662 3.57-2.324 4.369c-.031-.587.422-2.133 2.48-3.644s5.35-2.298 6.737-2.503l-.71-.586zM6.44 16.876c7.973-1.653 8.431-4.867 7.658-6.267c.462 1.103-.33 3.747-7.205 5.53z"/><path fill="#fff" d="M14.4 14.168c.916-1.413.564-2.4.276-2.725c.462 3.503-5.445 5.423-8.458 5.938l-.44.876c2.79-.33 7.484-2.325 8.622-4.09"/><path fill="#fff" d="M15.868 15.782c1.564-2.409-.552-4.689-1.805-5.524c1.943 2.409 2.325 4.222.574 5.902c-1.751 1.689-4.747 2.884-7.423 3.32l.894.52c1.938-.4 6.204-1.804 7.764-4.218z"/><path fill="#fff" d="M6.907 19.2c.934-.093 3.48-.702 6.178-2.364c2.653-1.64 2.662-3.57 2.325-4.37c.03.587-.423 2.134-2.48 3.645s-5.351 2.298-6.738 2.502l.711.587z"/></g><defs><clipPath id="SVGHcSWxdhd92"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></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"><g clip-path="url(#SVGHcSWxdhd92)"><path fill="#bca1e6" d="M24 0H0v24h24z"/><path fill="#fff" d="M17.56 7.125c-7.973 1.653-8.43 4.867-7.658 6.267c-.462-1.102.33-3.747 7.205-5.53z"/><path fill="#fff" d="M9.6 9.831c-.915 1.414-.564 2.4-.275 2.724c-.463-3.502 5.444-5.422 8.457-5.937l.44-.876c-2.79.33-7.484 2.325-8.622 4.09"/><path fill="#fff" d="M8.134 8.218c-1.565 2.409.551 4.689 1.804 5.524c-1.942-2.409-2.324-4.222-.573-5.902c1.751-1.689 4.747-2.884 7.422-3.32L15.894 4c-1.938.4-6.205 1.804-7.765 4.218z"/><path fill="#fff" d="M17.093 4.8c-.933.093-3.48.702-6.178 2.364c-2.653 1.64-2.662 3.57-2.324 4.369c-.031-.587.422-2.133 2.48-3.644s5.35-2.298 6.737-2.503l-.71-.586zM6.44 16.876c7.973-1.653 8.431-4.867 7.658-6.267c.462 1.103-.33 3.747-7.205 5.53z"/><path fill="#fff" d="M14.4 14.168c.916-1.413.564-2.4.276-2.725c.462 3.503-5.445 5.423-8.458 5.938l-.44.876c2.79-.33 7.484-2.325 8.622-4.09"/><path fill="#fff" d="M15.868 15.782c1.564-2.409-.552-4.689-1.805-5.524c1.943 2.409 2.325 4.222.574 5.902c-1.751 1.689-4.747 2.884-7.423 3.32l.894.52c1.938-.4 6.204-1.804 7.764-4.218z"/><path fill="#fff" d="M6.907 19.2c.934-.093 3.48-.702 6.178-2.364c2.653-1.64 2.662-3.57 2.325-4.37c.03.587-.423 2.134-2.48 3.645s-5.351 2.298-6.738 2.502l.711.587z"/></g><defs><clipPath id="SVGHcSWxdhd92"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-sdn-background {
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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd92)%22%3E%3Cpath%20fill%3D%22%23bca1e6%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.56%207.125c-7.973%201.653-8.43%204.867-7.658%206.267c-.462-1.102.33-3.747%207.205-5.53z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.6%209.831c-.915%201.414-.564%202.4-.275%202.724c-.463-3.502%205.444-5.422%208.457-5.937l.44-.876c-2.79.33-7.484%202.325-8.622%204.09%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.134%208.218c-1.565%202.409.551%204.689%201.804%205.524c-1.942-2.409-2.324-4.222-.573-5.902c1.751-1.689%204.747-2.884%207.422-3.32L15.894%204c-1.938.4-6.205%201.804-7.765%204.218z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.093%204.8c-.933.093-3.48.702-6.178%202.364c-2.653%201.64-2.662%203.57-2.324%204.369c-.031-.587.422-2.133%202.48-3.644s5.35-2.298%206.737-2.503l-.71-.586zM6.44%2016.876c7.973-1.653%208.431-4.867%207.658-6.267c.462%201.103-.33%203.747-7.205%205.53z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.4%2014.168c.916-1.413.564-2.4.276-2.725c.462%203.503-5.445%205.423-8.458%205.938l-.44.876c2.79-.33%207.484-2.325%208.622-4.09%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.868%2015.782c1.564-2.409-.552-4.689-1.805-5.524c1.943%202.409%202.325%204.222.574%205.902c-1.751%201.689-4.747%202.884-7.423%203.32l.894.52c1.938-.4%206.204-1.804%207.764-4.218z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.907%2019.2c.934-.093%203.48-.702%206.178-2.364c2.653-1.64%202.662-3.57%202.325-4.37c.03.587-.423%202.134-2.48%203.645s-5.351%202.298-6.738%202.502l.711.587z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd92%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd92)%22%3E%3Cpath%20fill%3D%22%23bca1e6%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.56%207.125c-7.973%201.653-8.43%204.867-7.658%206.267c-.462-1.102.33-3.747%207.205-5.53z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.6%209.831c-.915%201.414-.564%202.4-.275%202.724c-.463-3.502%205.444-5.422%208.457-5.937l.44-.876c-2.79.33-7.484%202.325-8.622%204.09%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.134%208.218c-1.565%202.409.551%204.689%201.804%205.524c-1.942-2.409-2.324-4.222-.573-5.902c1.751-1.689%204.747-2.884%207.422-3.32L15.894%204c-1.938.4-6.205%201.804-7.765%204.218z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.093%204.8c-.933.093-3.48.702-6.178%202.364c-2.653%201.64-2.662%203.57-2.324%204.369c-.031-.587.422-2.133%202.48-3.644s5.35-2.298%206.737-2.503l-.71-.586zM6.44%2016.876c7.973-1.653%208.431-4.867%207.658-6.267c.462%201.103-.33%203.747-7.205%205.53z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.4%2014.168c.916-1.413.564-2.4.276-2.725c.462%203.503-5.445%205.423-8.458%205.938l-.44.876c2.79-.33%207.484-2.325%208.622-4.09%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.868%2015.782c1.564-2.409-.552-4.689-1.805-5.524c1.943%202.409%202.325%204.222.574%205.902c-1.751%201.689-4.747%202.884-7.423%203.32l.894.52c1.938-.4%206.204-1.804%207.764-4.218z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.907%2019.2c.934-.093%203.48-.702%206.178-2.364c2.653-1.64%202.662-3.57%202.325-4.37c.03.587-.423%202.134-2.48%203.645s-5.351%202.298-6.738%202.502l.711.587z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd92%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%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/sdn-background.svg?color=%231a73e8&size=48
