d3d logo
d3d from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- d3d
- 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 d3d logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#46b5e0" d="m3.29 9.284l.506 5.335l2.75 4.712l1.707-2.11l-2.198-6.868z"/><path fill="#0196da" d="m20.689 9.284l-.502 5.335l-2.749 4.712l-1.729-2.127l2.22-6.85z"/><path fill="#87c9eb" d="M15.633 17.291H8.44l-1.697 2.122L12.093 21l5.182-1.587z"/><path fill="#e3f4fc" d="m6.038 10.14l-2.765-.998L6.96 5.105L11.924 3v3l-5.891 4.14z"/><path fill="#82cef0" d="m17.961 10.14l2.766-.998l-3.688-4.037L12.076 3v3l5.89 4.14z"/><path fill="#b9e2fe" fill-rule="evenodd" d="m17.814 10.44l-5.803-4.167l-5.804 4.168l2.215 6.741H15.6l2.22-6.741zM7.582 13.72l4.429 3.25l4.429-3.25l-1.691-5.264H9.272z" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedD3d(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="#46b5e0" d="m3.29 9.284l.506 5.335l2.75 4.712l1.707-2.11l-2.198-6.868z"/><path fill="#0196da" d="m20.689 9.284l-.502 5.335l-2.749 4.712l-1.729-2.127l2.22-6.85z"/><path fill="#87c9eb" d="M15.633 17.291H8.44l-1.697 2.122L12.093 21l5.182-1.587z"/><path fill="#e3f4fc" d="m6.038 10.14l-2.765-.998L6.96 5.105L11.924 3v3l-5.891 4.14z"/><path fill="#82cef0" d="m17.961 10.14l2.766-.998l-3.688-4.037L12.076 3v3l5.89 4.14z"/><path fill="#b9e2fe" fillRule="evenodd" d="m17.814 10.44l-5.803-4.167l-5.804 4.168l2.215 6.741H15.6l2.22-6.741zM7.582 13.72l4.429 3.25l4.429-3.25l-1.691-5.264H9.272z" clipRule="evenodd"/></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="#46b5e0" d="m3.29 9.284l.506 5.335l2.75 4.712l1.707-2.11l-2.198-6.868z"/><path fill="#0196da" d="m20.689 9.284l-.502 5.335l-2.749 4.712l-1.729-2.127l2.22-6.85z"/><path fill="#87c9eb" d="M15.633 17.291H8.44l-1.697 2.122L12.093 21l5.182-1.587z"/><path fill="#e3f4fc" d="m6.038 10.14l-2.765-.998L6.96 5.105L11.924 3v3l-5.891 4.14z"/><path fill="#82cef0" d="m17.961 10.14l2.766-.998l-3.688-4.037L12.076 3v3l5.89 4.14z"/><path fill="#b9e2fe" fill-rule="evenodd" d="m17.814 10.44l-5.803-4.167l-5.804 4.168l2.215 6.741H15.6l2.22-6.741zM7.582 13.72l4.429 3.25l4.429-3.25l-1.691-5.264H9.272z" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-d3d {
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%2346b5e0%22%20d%3D%22m3.29%209.284l.506%205.335l2.75%204.712l1.707-2.11l-2.198-6.868z%22%2F%3E%3Cpath%20fill%3D%22%230196da%22%20d%3D%22m20.689%209.284l-.502%205.335l-2.749%204.712l-1.729-2.127l2.22-6.85z%22%2F%3E%3Cpath%20fill%3D%22%2387c9eb%22%20d%3D%22M15.633%2017.291H8.44l-1.697%202.122L12.093%2021l5.182-1.587z%22%2F%3E%3Cpath%20fill%3D%22%23e3f4fc%22%20d%3D%22m6.038%2010.14l-2.765-.998L6.96%205.105L11.924%203v3l-5.891%204.14z%22%2F%3E%3Cpath%20fill%3D%22%2382cef0%22%20d%3D%22m17.961%2010.14l2.766-.998l-3.688-4.037L12.076%203v3l5.89%204.14z%22%2F%3E%3Cpath%20fill%3D%22%23b9e2fe%22%20fill-rule%3D%22evenodd%22%20d%3D%22m17.814%2010.44l-5.803-4.167l-5.804%204.168l2.215%206.741H15.6l2.22-6.741zM7.582%2013.72l4.429%203.25l4.429-3.25l-1.691-5.264H9.272z%22%20clip-rule%3D%22evenodd%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%22none%22%3E%3Cpath%20fill%3D%22%2346b5e0%22%20d%3D%22m3.29%209.284l.506%205.335l2.75%204.712l1.707-2.11l-2.198-6.868z%22%2F%3E%3Cpath%20fill%3D%22%230196da%22%20d%3D%22m20.689%209.284l-.502%205.335l-2.749%204.712l-1.729-2.127l2.22-6.85z%22%2F%3E%3Cpath%20fill%3D%22%2387c9eb%22%20d%3D%22M15.633%2017.291H8.44l-1.697%202.122L12.093%2021l5.182-1.587z%22%2F%3E%3Cpath%20fill%3D%22%23e3f4fc%22%20d%3D%22m6.038%2010.14l-2.765-.998L6.96%205.105L11.924%203v3l-5.891%204.14z%22%2F%3E%3Cpath%20fill%3D%22%2382cef0%22%20d%3D%22m17.961%2010.14l2.766-.998l-3.688-4.037L12.076%203v3l5.89%204.14z%22%2F%3E%3Cpath%20fill%3D%22%23b9e2fe%22%20fill-rule%3D%22evenodd%22%20d%3D%22m17.814%2010.44l-5.803-4.167l-5.804%204.168l2.215%206.741H15.6l2.22-6.741zM7.582%2013.72l4.429%203.25l4.429-3.25l-1.691-5.264H9.272z%22%20clip-rule%3D%22evenodd%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/d3d.svg?color=%231a73e8&size=48
