hid logo

hid-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.

Name: hid-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 hid 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(#SVGHcSWxdhd146)"><path fill="#eeb519" d="M24 0H0v24h24z"/><path fill="#000" d="M9.778 11.778v-.222h-.444v1.333h.444v-.667h.667v.667h.444v-.667h.889v-.444h-.889v-.222h-.444v.222zm3.11 3.529l.232 2.106l-.965.965l-.311-.311l.813-.814l-.213-1.893zm-3.195-.912l-1.111.89l-.276-.347l1.111-.89zm7.569-1.515l1.262-1.049l.284.338l-1.404 1.173l-2.098-.23l.054-.445zm-11.124-2l2.551.231l-.044.445l-2.338-.214l-.818.814l-.31-.311zm3.262-.724L8.29 9.045l.31-.312l1.112 1.112zm2.463-4.552l.275.347l-1.013.814l.209 1.875l-.445.053l-.235-2.124z"/><path fill="#000" fill-rule="evenodd" d="M12.445 5.778a.444.444 0 1 0 0-.888a.444.444 0 0 0 0 .888m0 .444a.889.889 0 1 0 0-1.778a.889.889 0 0 0 0 1.778m.444 6.667a.889.889 0 1 0 0-1.778a.889.889 0 0 0 0 1.778m0 .444a1.333 1.333 0 1 0 0-2.666a1.333 1.333 0 0 0 0 2.666" clip-rule="evenodd"/><path fill="#000" fill-rule="evenodd" d="M12.889 12.178a.18.18 0 0 0 .178-.178a.178.178 0 1 0-.178.178m0 .444a.622.622 0 1 0 0-1.244a.622.622 0 0 0 0 1.244m3.11-3.733a.445.445 0 1 0 0-.89a.445.445 0 0 0 0 .89m0 .444a.89.89 0 1 0 0-1.778a.89.89 0 0 0 0 1.778M19.112 12a.445.445 0 1 0 0-.889a.445.445 0 0 0 0 .89m0 .444a.89.89 0 1 0 0-1.778a.89.89 0 0 0 0 1.778" clip-rule="evenodd"/><path fill="#000" d="M15.111 12a3.11 3.11 0 0 0-2.075-2.934l.151-.418a3.556 3.556 0 1 1-4.538 4.534l.418-.147A3.111 3.111 0 0 0 15.11 12M12 8.889a3.11 3.11 0 0 0-3.085 3.524l-.44.062a3.555 3.555 0 0 1 4-4l-.062.445a2.5 2.5 0 0 0-.414-.031"/><path fill="#000" fill-rule="evenodd" d="M16 16a.444.444 0 1 0 0-.889a.444.444 0 0 0 0 .89m0 .445a.89.89 0 1 0 0-1.779a.89.89 0 0 0 0 1.779M8 16a.445.445 0 1 0 0-.889a.445.445 0 0 0 0 .89m0 .445a.889.889 0 1 0 0-1.778a.889.889 0 0 0 0 1.778m3.555 2.666a.444.444 0 1 0 0-.888a.444.444 0 0 0 0 .888m0 .445a.889.889 0 1 0 0-1.778a.889.889 0 0 0 0 1.778m-6.666-6.668a.444.444 0 1 0 0-.888a.444.444 0 0 0 0 .888m0 .445a.889.889 0 1 0 0-1.778a.889.889 0 0 0 0 1.778M8 8.889A.444.444 0 1 0 8 8a.444.444 0 0 0 0 .889m0 .444a.889.889 0 1 0 0-1.777a.889.889 0 0 0 0 1.777" clip-rule="evenodd"/><path fill="#000" d="M8.222 8.445a.222.222 0 1 1-.444 0a.222.222 0 0 1 .444 0m8.001 7.111a.222.222 0 1 1-.445 0a.222.222 0 0 1 .445 0m-1.711-5.934l.889-.889l.31.312l-.888.888zm.07 4.427l1.112.889l-.276.346l-1.11-.888z"/></g><defs><clipPath id="SVGHcSWxdhd146"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedHidBackground(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(#SVGHcSWxdhd146)"><path fill="#eeb519" d="M24 0H0v24h24z"/><path fill="#000" d="M9.778 11.778v-.222h-.444v1.333h.444v-.667h.667v.667h.444v-.667h.889v-.444h-.889v-.222h-.444v.222zm3.11 3.529l.232 2.106l-.965.965l-.311-.311l.813-.814l-.213-1.893zm-3.195-.912l-1.111.89l-.276-.347l1.111-.89zm7.569-1.515l1.262-1.049l.284.338l-1.404 1.173l-2.098-.23l.054-.445zm-11.124-2l2.551.231l-.044.445l-2.338-.214l-.818.814l-.31-.311zm3.262-.724L8.29 9.045l.31-.312l1.112 1.112zm2.463-4.552l.275.347l-1.013.814l.209 1.875l-.445.053l-.235-2.124z"/><path fill="#000" fillRule="evenodd" d="M12.445 5.778a.444.444 0 1 0 0-.888a.444.444 0 0 0 0 .888m0 .444a.889.889 0 1 0 0-1.778a.889.889 0 0 0 0 1.778m.444 6.667a.889.889 0 1 0 0-1.778a.889.889 0 0 0 0 1.778m0 .444a1.333 1.333 0 1 0 0-2.666a1.333 1.333 0 0 0 0 2.666" clipRule="evenodd"/><path fill="#000" fillRule="evenodd" d="M12.889 12.178a.18.18 0 0 0 .178-.178a.178.178 0 1 0-.178.178m0 .444a.622.622 0 1 0 0-1.244a.622.622 0 0 0 0 1.244m3.11-3.733a.445.445 0 1 0 0-.89a.445.445 0 0 0 0 .89m0 .444a.89.89 0 1 0 0-1.778a.89.89 0 0 0 0 1.778M19.112 12a.445.445 0 1 0 0-.889a.445.445 0 0 0 0 .89m0 .444a.89.89 0 1 0 0-1.778a.89.89 0 0 0 0 1.778" clipRule="evenodd"/><path fill="#000" d="M15.111 12a3.11 3.11 0 0 0-2.075-2.934l.151-.418a3.556 3.556 0 1 1-4.538 4.534l.418-.147A3.111 3.111 0 0 0 15.11 12M12 8.889a3.11 3.11 0 0 0-3.085 3.524l-.44.062a3.555 3.555 0 0 1 4-4l-.062.445a2.5 2.5 0 0 0-.414-.031"/><path fill="#000" fillRule="evenodd" d="M16 16a.444.444 0 1 0 0-.889a.444.444 0 0 0 0 .89m0 .445a.89.89 0 1 0 0-1.779a.89.89 0 0 0 0 1.779M8 16a.445.445 0 1 0 0-.889a.445.445 0 0 0 0 .89m0 .445a.889.889 0 1 0 0-1.778a.889.889 0 0 0 0 1.778m3.555 2.666a.444.444 0 1 0 0-.888a.444.444 0 0 0 0 .888m0 .445a.889.889 0 1 0 0-1.778a.889.889 0 0 0 0 1.778m-6.666-6.668a.444.444 0 1 0 0-.888a.444.444 0 0 0 0 .888m0 .445a.889.889 0 1 0 0-1.778a.889.889 0 0 0 0 1.778M8 8.889A.444.444 0 1 0 8 8a.444.444 0 0 0 0 .889m0 .444a.889.889 0 1 0 0-1.777a.889.889 0 0 0 0 1.777" clipRule="evenodd"/><path fill="#000" d="M8.222 8.445a.222.222 0 1 1-.444 0a.222.222 0 0 1 .444 0m8.001 7.111a.222.222 0 1 1-.445 0a.222.222 0 0 1 .445 0m-1.711-5.934l.889-.889l.31.312l-.888.888zm.07 4.427l1.112.889l-.276.346l-1.11-.888z"/></g><defs><clipPath id="SVGHcSWxdhd146"><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(#SVGHcSWxdhd146)"><path fill="#eeb519" d="M24 0H0v24h24z"/><path fill="#000" d="M9.778 11.778v-.222h-.444v1.333h.444v-.667h.667v.667h.444v-.667h.889v-.444h-.889v-.222h-.444v.222zm3.11 3.529l.232 2.106l-.965.965l-.311-.311l.813-.814l-.213-1.893zm-3.195-.912l-1.111.89l-.276-.347l1.111-.89zm7.569-1.515l1.262-1.049l.284.338l-1.404 1.173l-2.098-.23l.054-.445zm-11.124-2l2.551.231l-.044.445l-2.338-.214l-.818.814l-.31-.311zm3.262-.724L8.29 9.045l.31-.312l1.112 1.112zm2.463-4.552l.275.347l-1.013.814l.209 1.875l-.445.053l-.235-2.124z"/><path fill="#000" fill-rule="evenodd" d="M12.445 5.778a.444.444 0 1 0 0-.888a.444.444 0 0 0 0 .888m0 .444a.889.889 0 1 0 0-1.778a.889.889 0 0 0 0 1.778m.444 6.667a.889.889 0 1 0 0-1.778a.889.889 0 0 0 0 1.778m0 .444a1.333 1.333 0 1 0 0-2.666a1.333 1.333 0 0 0 0 2.666" clip-rule="evenodd"/><path fill="#000" fill-rule="evenodd" d="M12.889 12.178a.18.18 0 0 0 .178-.178a.178.178 0 1 0-.178.178m0 .444a.622.622 0 1 0 0-1.244a.622.622 0 0 0 0 1.244m3.11-3.733a.445.445 0 1 0 0-.89a.445.445 0 0 0 0 .89m0 .444a.89.89 0 1 0 0-1.778a.89.89 0 0 0 0 1.778M19.112 12a.445.445 0 1 0 0-.889a.445.445 0 0 0 0 .89m0 .444a.89.89 0 1 0 0-1.778a.89.89 0 0 0 0 1.778" clip-rule="evenodd"/><path fill="#000" d="M15.111 12a3.11 3.11 0 0 0-2.075-2.934l.151-.418a3.556 3.556 0 1 1-4.538 4.534l.418-.147A3.111 3.111 0 0 0 15.11 12M12 8.889a3.11 3.11 0 0 0-3.085 3.524l-.44.062a3.555 3.555 0 0 1 4-4l-.062.445a2.5 2.5 0 0 0-.414-.031"/><path fill="#000" fill-rule="evenodd" d="M16 16a.444.444 0 1 0 0-.889a.444.444 0 0 0 0 .89m0 .445a.89.89 0 1 0 0-1.779a.89.89 0 0 0 0 1.779M8 16a.445.445 0 1 0 0-.889a.445.445 0 0 0 0 .89m0 .445a.889.889 0 1 0 0-1.778a.889.889 0 0 0 0 1.778m3.555 2.666a.444.444 0 1 0 0-.888a.444.444 0 0 0 0 .888m0 .445a.889.889 0 1 0 0-1.778a.889.889 0 0 0 0 1.778m-6.666-6.668a.444.444 0 1 0 0-.888a.444.444 0 0 0 0 .888m0 .445a.889.889 0 1 0 0-1.778a.889.889 0 0 0 0 1.778M8 8.889A.444.444 0 1 0 8 8a.444.444 0 0 0 0 .889m0 .444a.889.889 0 1 0 0-1.777a.889.889 0 0 0 0 1.777" clip-rule="evenodd"/><path fill="#000" d="M8.222 8.445a.222.222 0 1 1-.444 0a.222.222 0 0 1 .444 0m8.001 7.111a.222.222 0 1 1-.445 0a.222.222 0 0 1 .445 0m-1.711-5.934l.889-.889l.31.312l-.888.888zm.07 4.427l1.112.889l-.276.346l-1.11-.888z"/></g><defs><clipPath id="SVGHcSWxdhd146"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-hid-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(%23SVGHcSWxdhd146)%22%3E%3Cpath%20fill%3D%22%23eeb519%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M9.778%2011.778v-.222h-.444v1.333h.444v-.667h.667v.667h.444v-.667h.889v-.444h-.889v-.222h-.444v.222zm3.11%203.529l.232%202.106l-.965.965l-.311-.311l.813-.814l-.213-1.893zm-3.195-.912l-1.111.89l-.276-.347l1.111-.89zm7.569-1.515l1.262-1.049l.284.338l-1.404%201.173l-2.098-.23l.054-.445zm-11.124-2l2.551.231l-.044.445l-2.338-.214l-.818.814l-.31-.311zm3.262-.724L8.29%209.045l.31-.312l1.112%201.112zm2.463-4.552l.275.347l-1.013.814l.209%201.875l-.445.053l-.235-2.124z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.445%205.778a.444.444%200%201%200%200-.888a.444.444%200%200%200%200%20.888m0%20.444a.889.889%200%201%200%200-1.778a.889.889%200%200%200%200%201.778m.444%206.667a.889.889%200%201%200%200-1.778a.889.889%200%200%200%200%201.778m0%20.444a1.333%201.333%200%201%200%200-2.666a1.333%201.333%200%200%200%200%202.666%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.889%2012.178a.18.18%200%200%200%20.178-.178a.178.178%200%201%200-.178.178m0%20.444a.622.622%200%201%200%200-1.244a.622.622%200%200%200%200%201.244m3.11-3.733a.445.445%200%201%200%200-.89a.445.445%200%200%200%200%20.89m0%20.444a.89.89%200%201%200%200-1.778a.89.89%200%200%200%200%201.778M19.112%2012a.445.445%200%201%200%200-.889a.445.445%200%200%200%200%20.89m0%20.444a.89.89%200%201%200%200-1.778a.89.89%200%200%200%200%201.778%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M15.111%2012a3.11%203.11%200%200%200-2.075-2.934l.151-.418a3.556%203.556%200%201%201-4.538%204.534l.418-.147A3.111%203.111%200%200%200%2015.11%2012M12%208.889a3.11%203.11%200%200%200-3.085%203.524l-.44.062a3.555%203.555%200%200%201%204-4l-.062.445a2.5%202.5%200%200%200-.414-.031%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16%2016a.444.444%200%201%200%200-.889a.444.444%200%200%200%200%20.89m0%20.445a.89.89%200%201%200%200-1.779a.89.89%200%200%200%200%201.779M8%2016a.445.445%200%201%200%200-.889a.445.445%200%200%200%200%20.89m0%20.445a.889.889%200%201%200%200-1.778a.889.889%200%200%200%200%201.778m3.555%202.666a.444.444%200%201%200%200-.888a.444.444%200%200%200%200%20.888m0%20.445a.889.889%200%201%200%200-1.778a.889.889%200%200%200%200%201.778m-6.666-6.668a.444.444%200%201%200%200-.888a.444.444%200%200%200%200%20.888m0%20.445a.889.889%200%201%200%200-1.778a.889.889%200%200%200%200%201.778M8%208.889A.444.444%200%201%200%208%208a.444.444%200%200%200%200%20.889m0%20.444a.889.889%200%201%200%200-1.777a.889.889%200%200%200%200%201.777%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M8.222%208.445a.222.222%200%201%201-.444%200a.222.222%200%200%201%20.444%200m8.001%207.111a.222.222%200%201%201-.445%200a.222.222%200%200%201%20.445%200m-1.711-5.934l.889-.889l.31.312l-.888.888zm.07%204.427l1.112.889l-.276.346l-1.11-.888z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd146%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(%23SVGHcSWxdhd146)%22%3E%3Cpath%20fill%3D%22%23eeb519%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M9.778%2011.778v-.222h-.444v1.333h.444v-.667h.667v.667h.444v-.667h.889v-.444h-.889v-.222h-.444v.222zm3.11%203.529l.232%202.106l-.965.965l-.311-.311l.813-.814l-.213-1.893zm-3.195-.912l-1.111.89l-.276-.347l1.111-.89zm7.569-1.515l1.262-1.049l.284.338l-1.404%201.173l-2.098-.23l.054-.445zm-11.124-2l2.551.231l-.044.445l-2.338-.214l-.818.814l-.31-.311zm3.262-.724L8.29%209.045l.31-.312l1.112%201.112zm2.463-4.552l.275.347l-1.013.814l.209%201.875l-.445.053l-.235-2.124z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.445%205.778a.444.444%200%201%200%200-.888a.444.444%200%200%200%200%20.888m0%20.444a.889.889%200%201%200%200-1.778a.889.889%200%200%200%200%201.778m.444%206.667a.889.889%200%201%200%200-1.778a.889.889%200%200%200%200%201.778m0%20.444a1.333%201.333%200%201%200%200-2.666a1.333%201.333%200%200%200%200%202.666%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.889%2012.178a.18.18%200%200%200%20.178-.178a.178.178%200%201%200-.178.178m0%20.444a.622.622%200%201%200%200-1.244a.622.622%200%200%200%200%201.244m3.11-3.733a.445.445%200%201%200%200-.89a.445.445%200%200%200%200%20.89m0%20.444a.89.89%200%201%200%200-1.778a.89.89%200%200%200%200%201.778M19.112%2012a.445.445%200%201%200%200-.889a.445.445%200%200%200%200%20.89m0%20.444a.89.89%200%201%200%200-1.778a.89.89%200%200%200%200%201.778%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M15.111%2012a3.11%203.11%200%200%200-2.075-2.934l.151-.418a3.556%203.556%200%201%201-4.538%204.534l.418-.147A3.111%203.111%200%200%200%2015.11%2012M12%208.889a3.11%203.11%200%200%200-3.085%203.524l-.44.062a3.555%203.555%200%200%201%204-4l-.062.445a2.5%202.5%200%200%200-.414-.031%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16%2016a.444.444%200%201%200%200-.889a.444.444%200%200%200%200%20.89m0%20.445a.89.89%200%201%200%200-1.779a.89.89%200%200%200%200%201.779M8%2016a.445.445%200%201%200%200-.889a.445.445%200%200%200%200%20.89m0%20.445a.889.889%200%201%200%200-1.778a.889.889%200%200%200%200%201.778m3.555%202.666a.444.444%200%201%200%200-.888a.444.444%200%200%200%200%20.888m0%20.445a.889.889%200%201%200%200-1.778a.889.889%200%200%200%200%201.778m-6.666-6.668a.444.444%200%201%200%200-.888a.444.444%200%200%200%200%20.888m0%20.445a.889.889%200%201%200%200-1.778a.889.889%200%200%200%200%201.778M8%208.889A.444.444%200%201%200%208%208a.444.444%200%200%200%200%20.889m0%20.444a.889.889%200%201%200%200-1.777a.889.889%200%200%200%200%201.777%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M8.222%208.445a.222.222%200%201%201-.444%200a.222.222%200%200%201%20.444%200m8.001%207.111a.222.222%200%201%201-.445%200a.222.222%200%200%201%20.445%200m-1.711-5.934l.889-.889l.31.312l-.888.888zm.07%204.427l1.112.889l-.276.346l-1.11-.888z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd146%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/hid-background.svg?color=%231a73e8&size=48