diode logo
diode from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- diode
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the diode logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.567 15.848c0 2.216-.606 3.589-3.624 3.589c-3.017 0-3.623-1.373-3.623-3.589v-2.38c0-2.214.606-3.587 3.623-3.587s3.624 1.373 3.624 3.588zm3.027-7.532h-1.382v1.529l-.64.003l-.076.002h-.281c-.513 0-.648-.22-.648-.74v-.79h.658l.985-.006V3.757c0-.559-.196-.757-.75-.757h-.144c-.553 0-.75.198-.75.757v4.559h-3.623l-.081.001h-.039c-1.845 0-3.153.465-4 1.42c-.756.853-1.123 2.081-1.123 3.756v2.355c0 1.682.385 2.914 1.177 3.765c.868.933 2.198 1.387 4.066 1.387c1.816 0 3.18-.466 4.05-1.386c.808-.852 1.217-2.119 1.217-3.766V9.854h1.384c.59 0 .706-.261.706-.713V9.03c0-.452-.115-.713-.706-.713"/></svg>
React
import type { SVGProps } from "react";
export function TokenDiode(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" d="M14.567 15.848c0 2.216-.606 3.589-3.624 3.589c-3.017 0-3.623-1.373-3.623-3.589v-2.38c0-2.214.606-3.587 3.623-3.587s3.624 1.373 3.624 3.588zm3.027-7.532h-1.382v1.529l-.64.003l-.076.002h-.281c-.513 0-.648-.22-.648-.74v-.79h.658l.985-.006V3.757c0-.559-.196-.757-.75-.757h-.144c-.553 0-.75.198-.75.757v4.559h-3.623l-.081.001h-.039c-1.845 0-3.153.465-4 1.42c-.756.853-1.123 2.081-1.123 3.756v2.355c0 1.682.385 2.914 1.177 3.765c.868.933 2.198 1.387 4.066 1.387c1.816 0 3.18-.466 4.05-1.386c.808-.852 1.217-2.119 1.217-3.766V9.854h1.384c.59 0 .706-.261.706-.713V9.03c0-.452-.115-.713-.706-.713"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.567 15.848c0 2.216-.606 3.589-3.624 3.589c-3.017 0-3.623-1.373-3.623-3.589v-2.38c0-2.214.606-3.587 3.623-3.587s3.624 1.373 3.624 3.588zm3.027-7.532h-1.382v1.529l-.64.003l-.076.002h-.281c-.513 0-.648-.22-.648-.74v-.79h.658l.985-.006V3.757c0-.559-.196-.757-.75-.757h-.144c-.553 0-.75.198-.75.757v4.559h-3.623l-.081.001h-.039c-1.845 0-3.153.465-4 1.42c-.756.853-1.123 2.081-1.123 3.756v2.355c0 1.682.385 2.914 1.177 3.765c.868.933 2.198 1.387 4.066 1.387c1.816 0 3.18-.466 4.05-1.386c.808-.852 1.217-2.119 1.217-3.766V9.854h1.384c.59 0 .706-.261.706-.713V9.03c0-.452-.115-.713-.706-.713"/></svg> </template>
CSS
.icon-diode {
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%20d%3D%22M14.567%2015.848c0%202.216-.606%203.589-3.624%203.589c-3.017%200-3.623-1.373-3.623-3.589v-2.38c0-2.214.606-3.587%203.623-3.587s3.624%201.373%203.624%203.588zm3.027-7.532h-1.382v1.529l-.64.003l-.076.002h-.281c-.513%200-.648-.22-.648-.74v-.79h.658l.985-.006V3.757c0-.559-.196-.757-.75-.757h-.144c-.553%200-.75.198-.75.757v4.559h-3.623l-.081.001h-.039c-1.845%200-3.153.465-4%201.42c-.756.853-1.123%202.081-1.123%203.756v2.355c0%201.682.385%202.914%201.177%203.765c.868.933%202.198%201.387%204.066%201.387c1.816%200%203.18-.466%204.05-1.386c.808-.852%201.217-2.119%201.217-3.766V9.854h1.384c.59%200%20.706-.261.706-.713V9.03c0-.452-.115-.713-.706-.713%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%20d%3D%22M14.567%2015.848c0%202.216-.606%203.589-3.624%203.589c-3.017%200-3.623-1.373-3.623-3.589v-2.38c0-2.214.606-3.587%203.623-3.587s3.624%201.373%203.624%203.588zm3.027-7.532h-1.382v1.529l-.64.003l-.076.002h-.281c-.513%200-.648-.22-.648-.74v-.79h.658l.985-.006V3.757c0-.559-.196-.757-.75-.757h-.144c-.553%200-.75.198-.75.757v4.559h-3.623l-.081.001h-.039c-1.845%200-3.153.465-4%201.42c-.756.853-1.123%202.081-1.123%203.756v2.355c0%201.682.385%202.914%201.177%203.765c.868.933%202.198%201.387%204.066%201.387c1.816%200%203.18-.466%204.05-1.386c.808-.852%201.217-2.119%201.217-3.766V9.854h1.384c.59%200%20.706-.261.706-.713V9.03c0-.452-.115-.713-.706-.713%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/diode.svg?color=%231a73e8&size=48
