hawk logo
hawk-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- hawk-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 hawk 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(#SVGHcSWxdhd79)"><path fill="#0d3137" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.654 17.949a8 8 0 0 1-2.475-4.259c.795-1.223 2.73-3.774 6.423-4.668l-.141.094c-.847.518-2.278 1.412-3.233 3.087c-.979 1.713-1.11 3.859-.574 5.746"/><path fill="#fff" fill-rule="evenodd" d="M12 20a8 8 0 1 0 0-16a8 8 0 0 0 0 16m0 0a7.96 7.96 0 0 0 3.576-.842c-2.287-1.422-4.63-4-2.62-7.022a5.99 5.99 0 0 1 5.722-.338c-.33-1.261-1.732-2.796-3.991-3.403c-.767-.207-1.266-.47-1.412-.579l-.014-.009c-.57-.395-.81-.56-.983-.588c-1.106-.127-2.4.216-3.36.583a9.04 9.04 0 0 0-4.909 4.593A8 8 0 0 0 12 20" clip-rule="evenodd"/><path fill="#fff" d="M13.233 8.724a4.17 4.17 0 0 0-2.758.334q.25-.038.504-.056c.103 0 .94.32 1.407.282c.348-.033.574-.338.658-.513a.06.06 0 0 1 .047-.033zm-1.826 11.253c-1.515-2.085-1.647-5.868 1.543-7.84c-2.004 3.021.344 5.6 2.622 7.021a7.97 7.97 0 0 1-4.165.82m3.36-11.564c-.4.08-1.082.339-1.242.974c-.278 1.069-.47 2.217-.56 2.739a6 6 0 0 1 5.713-.33c-.32-1.246-1.699-2.757-3.91-3.383"/></g><defs><clipPath id="SVGHcSWxdhd79"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedHawkBackground(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(#SVGHcSWxdhd79)"><path fill="#0d3137" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.654 17.949a8 8 0 0 1-2.475-4.259c.795-1.223 2.73-3.774 6.423-4.668l-.141.094c-.847.518-2.278 1.412-3.233 3.087c-.979 1.713-1.11 3.859-.574 5.746"/><path fill="#fff" fillRule="evenodd" d="M12 20a8 8 0 1 0 0-16a8 8 0 0 0 0 16m0 0a7.96 7.96 0 0 0 3.576-.842c-2.287-1.422-4.63-4-2.62-7.022a5.99 5.99 0 0 1 5.722-.338c-.33-1.261-1.732-2.796-3.991-3.403c-.767-.207-1.266-.47-1.412-.579l-.014-.009c-.57-.395-.81-.56-.983-.588c-1.106-.127-2.4.216-3.36.583a9.04 9.04 0 0 0-4.909 4.593A8 8 0 0 0 12 20" clipRule="evenodd"/><path fill="#fff" d="M13.233 8.724a4.17 4.17 0 0 0-2.758.334q.25-.038.504-.056c.103 0 .94.32 1.407.282c.348-.033.574-.338.658-.513a.06.06 0 0 1 .047-.033zm-1.826 11.253c-1.515-2.085-1.647-5.868 1.543-7.84c-2.004 3.021.344 5.6 2.622 7.021a7.97 7.97 0 0 1-4.165.82m3.36-11.564c-.4.08-1.082.339-1.242.974c-.278 1.069-.47 2.217-.56 2.739a6 6 0 0 1 5.713-.33c-.32-1.246-1.699-2.757-3.91-3.383"/></g><defs><clipPath id="SVGHcSWxdhd79"><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(#SVGHcSWxdhd79)"><path fill="#0d3137" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.654 17.949a8 8 0 0 1-2.475-4.259c.795-1.223 2.73-3.774 6.423-4.668l-.141.094c-.847.518-2.278 1.412-3.233 3.087c-.979 1.713-1.11 3.859-.574 5.746"/><path fill="#fff" fill-rule="evenodd" d="M12 20a8 8 0 1 0 0-16a8 8 0 0 0 0 16m0 0a7.96 7.96 0 0 0 3.576-.842c-2.287-1.422-4.63-4-2.62-7.022a5.99 5.99 0 0 1 5.722-.338c-.33-1.261-1.732-2.796-3.991-3.403c-.767-.207-1.266-.47-1.412-.579l-.014-.009c-.57-.395-.81-.56-.983-.588c-1.106-.127-2.4.216-3.36.583a9.04 9.04 0 0 0-4.909 4.593A8 8 0 0 0 12 20" clip-rule="evenodd"/><path fill="#fff" d="M13.233 8.724a4.17 4.17 0 0 0-2.758.334q.25-.038.504-.056c.103 0 .94.32 1.407.282c.348-.033.574-.338.658-.513a.06.06 0 0 1 .047-.033zm-1.826 11.253c-1.515-2.085-1.647-5.868 1.543-7.84c-2.004 3.021.344 5.6 2.622 7.021a7.97 7.97 0 0 1-4.165.82m3.36-11.564c-.4.08-1.082.339-1.242.974c-.278 1.069-.47 2.217-.56 2.739a6 6 0 0 1 5.713-.33c-.32-1.246-1.699-2.757-3.91-3.383"/></g><defs><clipPath id="SVGHcSWxdhd79"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-hawk-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(%23SVGHcSWxdhd79)%22%3E%3Cpath%20fill%3D%22%230d3137%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.654%2017.949a8%208%200%200%201-2.475-4.259c.795-1.223%202.73-3.774%206.423-4.668l-.141.094c-.847.518-2.278%201.412-3.233%203.087c-.979%201.713-1.11%203.859-.574%205.746%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2020a8%208%200%201%200%200-16a8%208%200%200%200%200%2016m0%200a7.96%207.96%200%200%200%203.576-.842c-2.287-1.422-4.63-4-2.62-7.022a5.99%205.99%200%200%201%205.722-.338c-.33-1.261-1.732-2.796-3.991-3.403c-.767-.207-1.266-.47-1.412-.579l-.014-.009c-.57-.395-.81-.56-.983-.588c-1.106-.127-2.4.216-3.36.583a9.04%209.04%200%200%200-4.909%204.593A8%208%200%200%200%2012%2020%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.233%208.724a4.17%204.17%200%200%200-2.758.334q.25-.038.504-.056c.103%200%20.94.32%201.407.282c.348-.033.574-.338.658-.513a.06.06%200%200%201%20.047-.033zm-1.826%2011.253c-1.515-2.085-1.647-5.868%201.543-7.84c-2.004%203.021.344%205.6%202.622%207.021a7.97%207.97%200%200%201-4.165.82m3.36-11.564c-.4.08-1.082.339-1.242.974c-.278%201.069-.47%202.217-.56%202.739a6%206%200%200%201%205.713-.33c-.32-1.246-1.699-2.757-3.91-3.383%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd79%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(%23SVGHcSWxdhd79)%22%3E%3Cpath%20fill%3D%22%230d3137%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.654%2017.949a8%208%200%200%201-2.475-4.259c.795-1.223%202.73-3.774%206.423-4.668l-.141.094c-.847.518-2.278%201.412-3.233%203.087c-.979%201.713-1.11%203.859-.574%205.746%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2020a8%208%200%201%200%200-16a8%208%200%200%200%200%2016m0%200a7.96%207.96%200%200%200%203.576-.842c-2.287-1.422-4.63-4-2.62-7.022a5.99%205.99%200%200%201%205.722-.338c-.33-1.261-1.732-2.796-3.991-3.403c-.767-.207-1.266-.47-1.412-.579l-.014-.009c-.57-.395-.81-.56-.983-.588c-1.106-.127-2.4.216-3.36.583a9.04%209.04%200%200%200-4.909%204.593A8%208%200%200%200%2012%2020%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.233%208.724a4.17%204.17%200%200%200-2.758.334q.25-.038.504-.056c.103%200%20.94.32%201.407.282c.348-.033.574-.338.658-.513a.06.06%200%200%201%20.047-.033zm-1.826%2011.253c-1.515-2.085-1.647-5.868%201.543-7.84c-2.004%203.021.344%205.6%202.622%207.021a7.97%207.97%200%200%201-4.165.82m3.36-11.564c-.4.08-1.082.339-1.242.974c-.278%201.069-.47%202.217-.56%202.739a6%206%200%200%201%205.713-.33c-.32-1.246-1.699-2.757-3.91-3.383%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd79%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/hawk-background.svg?color=%231a73e8&size=48
