hns logo
hns-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- hns-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 hns 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(#SVGHcSWxdhd203)"><path fill="#0e3ca5" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="m17.725 9.219l-.994-1.766h1.926c.051 0 .111.035.14.08l1.023 1.685zm-3.563 10.697c-.047.084-.107.084-.127.084h-1.97l3.06-5.495a.295.295 0 0 0-.255-.439l-5.217.007l-1.037-1.796h7.602l.012-.001a.3.3 0 0 0 .087-.019l.02-.008a.3.3 0 0 0 .139-.126l1.252-2.315h2.068zm-2.607-.208l-1.014-1.671c-.016-.025-.023-.086.01-.143l1.795-3.235l2.023-.003zm-3.449-3.44l-1.005-1.785l1.013-1.9l1.016 1.76c-.315.595-.808 1.522-1.024 1.926m-1.35.279H5.662a.18.18 0 0 1-.138-.08l-.328-.54l-.695-1.146h2.094l.994 1.766zm3.401-12.463C10.204 4 10.264 4 10.284 4h1.978L9.193 9.495l-.006.014a.3.3 0 0 0-.026.083l-.004.033l-.001.015l.001.01a.2.2 0 0 0 .008.059l.009.027l.01.027l.013.025l.015.023l.019.022l.019.021l.021.017l.025.018l.01.007l.01.004a.3.3 0 0 0 .048.02l.018.005a.3.3 0 0 0 .067.008h.132l5.086-.006c.135.234.386.674.6 1.049l.407.712H8.107l-.01.002a.29.29 0 0 0-.255.154L6.59 14.192H4.524c.901-1.619 5.573-10 5.633-10.108m2.611.215l.184.303l.826 1.361c.016.025.023.085-.01.143l-1.796 3.235l-2.021.003zm3.444 3.43l1.006 1.787l-1.025 1.896l-1.02-1.782c.22-.4.797-1.46 1.04-1.9" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd203"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedHnsBackground(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(#SVGHcSWxdhd203)"><path fill="#0e3ca5" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="m17.725 9.219l-.994-1.766h1.926c.051 0 .111.035.14.08l1.023 1.685zm-3.563 10.697c-.047.084-.107.084-.127.084h-1.97l3.06-5.495a.295.295 0 0 0-.255-.439l-5.217.007l-1.037-1.796h7.602l.012-.001a.3.3 0 0 0 .087-.019l.02-.008a.3.3 0 0 0 .139-.126l1.252-2.315h2.068zm-2.607-.208l-1.014-1.671c-.016-.025-.023-.086.01-.143l1.795-3.235l2.023-.003zm-3.449-3.44l-1.005-1.785l1.013-1.9l1.016 1.76c-.315.595-.808 1.522-1.024 1.926m-1.35.279H5.662a.18.18 0 0 1-.138-.08l-.328-.54l-.695-1.146h2.094l.994 1.766zm3.401-12.463C10.204 4 10.264 4 10.284 4h1.978L9.193 9.495l-.006.014a.3.3 0 0 0-.026.083l-.004.033l-.001.015l.001.01a.2.2 0 0 0 .008.059l.009.027l.01.027l.013.025l.015.023l.019.022l.019.021l.021.017l.025.018l.01.007l.01.004a.3.3 0 0 0 .048.02l.018.005a.3.3 0 0 0 .067.008h.132l5.086-.006c.135.234.386.674.6 1.049l.407.712H8.107l-.01.002a.29.29 0 0 0-.255.154L6.59 14.192H4.524c.901-1.619 5.573-10 5.633-10.108m2.611.215l.184.303l.826 1.361c.016.025.023.085-.01.143l-1.796 3.235l-2.021.003zm3.444 3.43l1.006 1.787l-1.025 1.896l-1.02-1.782c.22-.4.797-1.46 1.04-1.9" clipRule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd203"><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(#SVGHcSWxdhd203)"><path fill="#0e3ca5" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="m17.725 9.219l-.994-1.766h1.926c.051 0 .111.035.14.08l1.023 1.685zm-3.563 10.697c-.047.084-.107.084-.127.084h-1.97l3.06-5.495a.295.295 0 0 0-.255-.439l-5.217.007l-1.037-1.796h7.602l.012-.001a.3.3 0 0 0 .087-.019l.02-.008a.3.3 0 0 0 .139-.126l1.252-2.315h2.068zm-2.607-.208l-1.014-1.671c-.016-.025-.023-.086.01-.143l1.795-3.235l2.023-.003zm-3.449-3.44l-1.005-1.785l1.013-1.9l1.016 1.76c-.315.595-.808 1.522-1.024 1.926m-1.35.279H5.662a.18.18 0 0 1-.138-.08l-.328-.54l-.695-1.146h2.094l.994 1.766zm3.401-12.463C10.204 4 10.264 4 10.284 4h1.978L9.193 9.495l-.006.014a.3.3 0 0 0-.026.083l-.004.033l-.001.015l.001.01a.2.2 0 0 0 .008.059l.009.027l.01.027l.013.025l.015.023l.019.022l.019.021l.021.017l.025.018l.01.007l.01.004a.3.3 0 0 0 .048.02l.018.005a.3.3 0 0 0 .067.008h.132l5.086-.006c.135.234.386.674.6 1.049l.407.712H8.107l-.01.002a.29.29 0 0 0-.255.154L6.59 14.192H4.524c.901-1.619 5.573-10 5.633-10.108m2.611.215l.184.303l.826 1.361c.016.025.023.085-.01.143l-1.796 3.235l-2.021.003zm3.444 3.43l1.006 1.787l-1.025 1.896l-1.02-1.782c.22-.4.797-1.46 1.04-1.9" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd203"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-hns-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(%23SVGHcSWxdhd203)%22%3E%3Cpath%20fill%3D%22%230e3ca5%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22m17.725%209.219l-.994-1.766h1.926c.051%200%20.111.035.14.08l1.023%201.685zm-3.563%2010.697c-.047.084-.107.084-.127.084h-1.97l3.06-5.495a.295.295%200%200%200-.255-.439l-5.217.007l-1.037-1.796h7.602l.012-.001a.3.3%200%200%200%20.087-.019l.02-.008a.3.3%200%200%200%20.139-.126l1.252-2.315h2.068zm-2.607-.208l-1.014-1.671c-.016-.025-.023-.086.01-.143l1.795-3.235l2.023-.003zm-3.449-3.44l-1.005-1.785l1.013-1.9l1.016%201.76c-.315.595-.808%201.522-1.024%201.926m-1.35.279H5.662a.18.18%200%200%201-.138-.08l-.328-.54l-.695-1.146h2.094l.994%201.766zm3.401-12.463C10.204%204%2010.264%204%2010.284%204h1.978L9.193%209.495l-.006.014a.3.3%200%200%200-.026.083l-.004.033l-.001.015l.001.01a.2.2%200%200%200%20.008.059l.009.027l.01.027l.013.025l.015.023l.019.022l.019.021l.021.017l.025.018l.01.007l.01.004a.3.3%200%200%200%20.048.02l.018.005a.3.3%200%200%200%20.067.008h.132l5.086-.006c.135.234.386.674.6%201.049l.407.712H8.107l-.01.002a.29.29%200%200%200-.255.154L6.59%2014.192H4.524c.901-1.619%205.573-10%205.633-10.108m2.611.215l.184.303l.826%201.361c.016.025.023.085-.01.143l-1.796%203.235l-2.021.003zm3.444%203.43l1.006%201.787l-1.025%201.896l-1.02-1.782c.22-.4.797-1.46%201.04-1.9%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd203%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(%23SVGHcSWxdhd203)%22%3E%3Cpath%20fill%3D%22%230e3ca5%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22m17.725%209.219l-.994-1.766h1.926c.051%200%20.111.035.14.08l1.023%201.685zm-3.563%2010.697c-.047.084-.107.084-.127.084h-1.97l3.06-5.495a.295.295%200%200%200-.255-.439l-5.217.007l-1.037-1.796h7.602l.012-.001a.3.3%200%200%200%20.087-.019l.02-.008a.3.3%200%200%200%20.139-.126l1.252-2.315h2.068zm-2.607-.208l-1.014-1.671c-.016-.025-.023-.086.01-.143l1.795-3.235l2.023-.003zm-3.449-3.44l-1.005-1.785l1.013-1.9l1.016%201.76c-.315.595-.808%201.522-1.024%201.926m-1.35.279H5.662a.18.18%200%200%201-.138-.08l-.328-.54l-.695-1.146h2.094l.994%201.766zm3.401-12.463C10.204%204%2010.264%204%2010.284%204h1.978L9.193%209.495l-.006.014a.3.3%200%200%200-.026.083l-.004.033l-.001.015l.001.01a.2.2%200%200%200%20.008.059l.009.027l.01.027l.013.025l.015.023l.019.022l.019.021l.021.017l.025.018l.01.007l.01.004a.3.3%200%200%200%20.048.02l.018.005a.3.3%200%200%200%20.067.008h.132l5.086-.006c.135.234.386.674.6%201.049l.407.712H8.107l-.01.002a.29.29%200%200%200-.255.154L6.59%2014.192H4.524c.901-1.619%205.573-10%205.633-10.108m2.611.215l.184.303l.826%201.361c.016.025.023.085-.01.143l-1.796%203.235l-2.021.003zm3.444%203.43l1.006%201.787l-1.025%201.896l-1.02-1.782c.22-.4.797-1.46%201.04-1.9%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd203%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/hns-background.svg?color=%231a73e8&size=48
