trezor logo

trezor from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.

Name
trezor
Set
Web3 Icons Branded
Style
Branded
Viewbox
24×24
License
MIT

1 other variant in Web3 Icons Branded

trezor-background

The same logo in other sets

trezorSimple IconstrezorWeb3 Icons

Use the trezor logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M16.462 7.177C16.462 4.894 14.45 3 12 3S7.536 4.895 7.536 7.177v1.336H5.7v9.603L12 21l6.3-2.885V8.554h-1.836zm-6.65 0c0-1.076.962-1.938 2.187-1.938s2.188.862 2.188 1.938v1.336H9.812zm5.95 9.389l-3.763 1.723l-3.762-1.723v-5.771h7.525z"/></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedTrezor(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M16.462 7.177C16.462 4.894 14.45 3 12 3S7.536 4.895 7.536 7.177v1.336H5.7v9.603L12 21l6.3-2.885V8.554h-1.836zm-6.65 0c0-1.076.962-1.938 2.187-1.938s2.188.862 2.188 1.938v1.336H9.812zm5.95 9.389l-3.763 1.723l-3.762-1.723v-5.771h7.525z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M16.462 7.177C16.462 4.894 14.45 3 12 3S7.536 4.895 7.536 7.177v1.336H5.7v9.603L12 21l6.3-2.885V8.554h-1.836zm-6.65 0c0-1.076.962-1.938 2.187-1.938s2.188.862 2.188 1.938v1.336H9.812zm5.95 9.389l-3.763 1.723l-3.762-1.723v-5.771h7.525z"/></svg>
</template>

CSS

.icon-trezor {
  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%20d%3D%22M16.462%207.177C16.462%204.894%2014.45%203%2012%203S7.536%204.895%207.536%207.177v1.336H5.7v9.603L12%2021l6.3-2.885V8.554h-1.836zm-6.65%200c0-1.076.962-1.938%202.187-1.938s2.188.862%202.188%201.938v1.336H9.812zm5.95%209.389l-3.763%201.723l-3.762-1.723v-5.771h7.525z%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%20d%3D%22M16.462%207.177C16.462%204.894%2014.45%203%2012%203S7.536%204.895%207.536%207.177v1.336H5.7v9.603L12%2021l6.3-2.885V8.554h-1.836zm-6.65%200c0-1.076.962-1.938%202.187-1.938s2.188.862%202.188%201.938v1.336H9.812zm5.95%209.389l-3.763%201.723l-3.762-1.723v-5.771h7.525z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/trezor.svg?color=%231a73e8&size=48