auction logo

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

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

1 other variant in Web3 Icons Branded

auction-background

The same logo in other sets

auctionHuge Iconsauction-fillMingCute Iconauction-fillRemix IconauctionWeb3 Icons

Use the auction logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M5.813 4.125C5.813 3.506 6.33 3 6.97 3h3.87c.643 0 1.16.506 1.16 1.125s-.518 1.125-1.159 1.125h-3.87c-.641 0-1.158-.506-1.158-1.125m12.301 1.114a1.116 1.116 0 0 1-.686 1.44L7.376 10.273a1.17 1.17 0 0 1-1.49-.67a1.114 1.114 0 0 1 .686-1.44L16.624 4.57a1.17 1.17 0 0 1 1.49.67m0 9.157a1.116 1.116 0 0 1-.686 1.44L7.376 19.431a1.17 1.17 0 0 1-1.49-.67a1.114 1.114 0 0 1 .686-1.44l10.052-3.594a1.17 1.17 0 0 1 1.49.67M12 19.876c0-.62.518-1.126 1.159-1.126h3.87c.641 0 1.159.506 1.159 1.125S17.67 21 17.028 21h-3.87c-.64 0-1.158-.506-1.158-1.125m6.109-10.154a1.11 1.11 0 0 1-.664 1.451L7.387 14.925a1.17 1.17 0 0 1-1.496-.647a1.115 1.115 0 0 1 .664-1.451l10.058-3.752a1.17 1.17 0 0 1 1.496.647"/></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedAuction(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M5.813 4.125C5.813 3.506 6.33 3 6.97 3h3.87c.643 0 1.16.506 1.16 1.125s-.518 1.125-1.159 1.125h-3.87c-.641 0-1.158-.506-1.158-1.125m12.301 1.114a1.116 1.116 0 0 1-.686 1.44L7.376 10.273a1.17 1.17 0 0 1-1.49-.67a1.114 1.114 0 0 1 .686-1.44L16.624 4.57a1.17 1.17 0 0 1 1.49.67m0 9.157a1.116 1.116 0 0 1-.686 1.44L7.376 19.431a1.17 1.17 0 0 1-1.49-.67a1.114 1.114 0 0 1 .686-1.44l10.052-3.594a1.17 1.17 0 0 1 1.49.67M12 19.876c0-.62.518-1.126 1.159-1.126h3.87c.641 0 1.159.506 1.159 1.125S17.67 21 17.028 21h-3.87c-.64 0-1.158-.506-1.158-1.125m6.109-10.154a1.11 1.11 0 0 1-.664 1.451L7.387 14.925a1.17 1.17 0 0 1-1.496-.647a1.115 1.115 0 0 1 .664-1.451l10.058-3.752a1.17 1.17 0 0 1 1.496.647"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M5.813 4.125C5.813 3.506 6.33 3 6.97 3h3.87c.643 0 1.16.506 1.16 1.125s-.518 1.125-1.159 1.125h-3.87c-.641 0-1.158-.506-1.158-1.125m12.301 1.114a1.116 1.116 0 0 1-.686 1.44L7.376 10.273a1.17 1.17 0 0 1-1.49-.67a1.114 1.114 0 0 1 .686-1.44L16.624 4.57a1.17 1.17 0 0 1 1.49.67m0 9.157a1.116 1.116 0 0 1-.686 1.44L7.376 19.431a1.17 1.17 0 0 1-1.49-.67a1.114 1.114 0 0 1 .686-1.44l10.052-3.594a1.17 1.17 0 0 1 1.49.67M12 19.876c0-.62.518-1.126 1.159-1.126h3.87c.641 0 1.159.506 1.159 1.125S17.67 21 17.028 21h-3.87c-.64 0-1.158-.506-1.158-1.125m6.109-10.154a1.11 1.11 0 0 1-.664 1.451L7.387 14.925a1.17 1.17 0 0 1-1.496-.647a1.115 1.115 0 0 1 .664-1.451l10.058-3.752a1.17 1.17 0 0 1 1.496.647"/></svg>
</template>

CSS

.icon-auction {
  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%22M5.813%204.125C5.813%203.506%206.33%203%206.97%203h3.87c.643%200%201.16.506%201.16%201.125s-.518%201.125-1.159%201.125h-3.87c-.641%200-1.158-.506-1.158-1.125m12.301%201.114a1.116%201.116%200%200%201-.686%201.44L7.376%2010.273a1.17%201.17%200%200%201-1.49-.67a1.114%201.114%200%200%201%20.686-1.44L16.624%204.57a1.17%201.17%200%200%201%201.49.67m0%209.157a1.116%201.116%200%200%201-.686%201.44L7.376%2019.431a1.17%201.17%200%200%201-1.49-.67a1.114%201.114%200%200%201%20.686-1.44l10.052-3.594a1.17%201.17%200%200%201%201.49.67M12%2019.876c0-.62.518-1.126%201.159-1.126h3.87c.641%200%201.159.506%201.159%201.125S17.67%2021%2017.028%2021h-3.87c-.64%200-1.158-.506-1.158-1.125m6.109-10.154a1.11%201.11%200%200%201-.664%201.451L7.387%2014.925a1.17%201.17%200%200%201-1.496-.647a1.115%201.115%200%200%201%20.664-1.451l10.058-3.752a1.17%201.17%200%200%201%201.496.647%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%22M5.813%204.125C5.813%203.506%206.33%203%206.97%203h3.87c.643%200%201.16.506%201.16%201.125s-.518%201.125-1.159%201.125h-3.87c-.641%200-1.158-.506-1.158-1.125m12.301%201.114a1.116%201.116%200%200%201-.686%201.44L7.376%2010.273a1.17%201.17%200%200%201-1.49-.67a1.114%201.114%200%200%201%20.686-1.44L16.624%204.57a1.17%201.17%200%200%201%201.49.67m0%209.157a1.116%201.116%200%200%201-.686%201.44L7.376%2019.431a1.17%201.17%200%200%201-1.49-.67a1.114%201.114%200%200%201%20.686-1.44l10.052-3.594a1.17%201.17%200%200%201%201.49.67M12%2019.876c0-.62.518-1.126%201.159-1.126h3.87c.641%200%201.159.506%201.159%201.125S17.67%2021%2017.028%2021h-3.87c-.64%200-1.158-.506-1.158-1.125m6.109-10.154a1.11%201.11%200%200%201-.664%201.451L7.387%2014.925a1.17%201.17%200%200%201-1.496-.647a1.115%201.115%200%200%201%20.664-1.451l10.058-3.752a1.17%201.17%200%200%201%201.496.647%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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