hawk logo
hawk from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- hawk
- Set
- Web3 Icons Branded
- Style
- Branded
- 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"><path fill="url(#SVGA6qiodFZ)" d="M5.986 18.693A9 9 0 0 1 3.2 13.902c.895-1.377 3.07-4.246 7.227-5.252l-.16.106c-.952.582-2.562 1.588-3.636 3.473c-1.101 1.927-1.25 4.34-.646 6.464"/><path fill="url(#SVGWCTIkeWt)" fill-rule="evenodd" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m0 0a8.95 8.95 0 0 0 4.023-.948c-2.572-1.599-5.209-4.5-2.948-7.898a6.74 6.74 0 0 1 6.437-.382c-.37-1.418-1.948-3.144-4.49-3.827c-.862-.233-1.423-.53-1.587-.651l-.016-.011c-.64-.445-.91-.63-1.107-.662c-1.244-.143-2.7.244-3.78.657a10.16 10.16 0 0 0-5.521 5.167A9 9 0 0 0 12 21" clip-rule="evenodd"/><path fill="#0d3137" d="M13.388 8.315a4.7 4.7 0 0 0-3.103.376a7 7 0 0 1 .567-.064c.116 0 1.059.36 1.583.318c.391-.037.646-.381.74-.577a.07.07 0 0 1 .054-.037z"/><path fill="url(#SVGK9lexc4J)" d="M11.333 20.974c-1.705-2.345-1.853-6.601 1.737-8.82c-2.256 3.4.386 6.3 2.948 7.9a8.96 8.96 0 0 1-4.685.92"/><path fill="url(#SVGNR8EsewT)" d="M15.113 7.966c-.45.09-1.218.381-1.398 1.096c-.312 1.202-.529 2.493-.63 3.08a6.74 6.74 0 0 1 6.427-.37c-.36-1.403-1.91-3.102-4.399-3.806"/><defs><linearGradient id="SVGA6qiodFZ" x1="20.328" x2="12.9" y1="3.02" y2="21.686" gradientUnits="userSpaceOnUse"><stop stop-color="#2ee4a9"/><stop offset="1" stop-color="#0bbdc7"/></linearGradient><linearGradient id="SVGWCTIkeWt" x1="5.059" x2="21.297" y1="6.706" y2="13.885" gradientUnits="userSpaceOnUse"><stop stop-color="#26e09f"/><stop offset="1" stop-color="#02a566"/></linearGradient><linearGradient id="SVGK9lexc4J" x1="9.838" x2="10.789" y1="3.927" y2="21.07" gradientUnits="userSpaceOnUse"><stop stop-color="#11aeb9"/><stop offset=".52" stop-color="#91dfe9"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="SVGNR8EsewT" x1="13.748" x2="19.026" y1="9.755" y2="10.655" gradientUnits="userSpaceOnUse"><stop offset=".09" stop-color="#42c696"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedHawk(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"><path fill="url(#SVGA6qiodFZ)" d="M5.986 18.693A9 9 0 0 1 3.2 13.902c.895-1.377 3.07-4.246 7.227-5.252l-.16.106c-.952.582-2.562 1.588-3.636 3.473c-1.101 1.927-1.25 4.34-.646 6.464"/><path fill="url(#SVGWCTIkeWt)" fillRule="evenodd" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m0 0a8.95 8.95 0 0 0 4.023-.948c-2.572-1.599-5.209-4.5-2.948-7.898a6.74 6.74 0 0 1 6.437-.382c-.37-1.418-1.948-3.144-4.49-3.827c-.862-.233-1.423-.53-1.587-.651l-.016-.011c-.64-.445-.91-.63-1.107-.662c-1.244-.143-2.7.244-3.78.657a10.16 10.16 0 0 0-5.521 5.167A9 9 0 0 0 12 21" clipRule="evenodd"/><path fill="#0d3137" d="M13.388 8.315a4.7 4.7 0 0 0-3.103.376a7 7 0 0 1 .567-.064c.116 0 1.059.36 1.583.318c.391-.037.646-.381.74-.577a.07.07 0 0 1 .054-.037z"/><path fill="url(#SVGK9lexc4J)" d="M11.333 20.974c-1.705-2.345-1.853-6.601 1.737-8.82c-2.256 3.4.386 6.3 2.948 7.9a8.96 8.96 0 0 1-4.685.92"/><path fill="url(#SVGNR8EsewT)" d="M15.113 7.966c-.45.09-1.218.381-1.398 1.096c-.312 1.202-.529 2.493-.63 3.08a6.74 6.74 0 0 1 6.427-.37c-.36-1.403-1.91-3.102-4.399-3.806"/><defs><linearGradient id="SVGA6qiodFZ" x1="20.328" x2="12.9" y1="3.02" y2="21.686" gradientUnits="userSpaceOnUse"><stop stopColor="#2ee4a9"/><stop offset="1" stopColor="#0bbdc7"/></linearGradient><linearGradient id="SVGWCTIkeWt" x1="5.059" x2="21.297" y1="6.706" y2="13.885" gradientUnits="userSpaceOnUse"><stop stopColor="#26e09f"/><stop offset="1" stopColor="#02a566"/></linearGradient><linearGradient id="SVGK9lexc4J" x1="9.838" x2="10.789" y1="3.927" y2="21.07" gradientUnits="userSpaceOnUse"><stop stopColor="#11aeb9"/><stop offset=".52" stopColor="#91dfe9"/><stop offset="1" stopColor="#fff" stopOpacity="0"/></linearGradient><linearGradient id="SVGNR8EsewT" x1="13.748" x2="19.026" y1="9.755" y2="10.655" gradientUnits="userSpaceOnUse"><stop offset=".09" stopColor="#42c696"/><stop offset="1" stopColor="#fff" stopOpacity="0"/></linearGradient></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"><path fill="url(#SVGA6qiodFZ)" d="M5.986 18.693A9 9 0 0 1 3.2 13.902c.895-1.377 3.07-4.246 7.227-5.252l-.16.106c-.952.582-2.562 1.588-3.636 3.473c-1.101 1.927-1.25 4.34-.646 6.464"/><path fill="url(#SVGWCTIkeWt)" fill-rule="evenodd" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m0 0a8.95 8.95 0 0 0 4.023-.948c-2.572-1.599-5.209-4.5-2.948-7.898a6.74 6.74 0 0 1 6.437-.382c-.37-1.418-1.948-3.144-4.49-3.827c-.862-.233-1.423-.53-1.587-.651l-.016-.011c-.64-.445-.91-.63-1.107-.662c-1.244-.143-2.7.244-3.78.657a10.16 10.16 0 0 0-5.521 5.167A9 9 0 0 0 12 21" clip-rule="evenodd"/><path fill="#0d3137" d="M13.388 8.315a4.7 4.7 0 0 0-3.103.376a7 7 0 0 1 .567-.064c.116 0 1.059.36 1.583.318c.391-.037.646-.381.74-.577a.07.07 0 0 1 .054-.037z"/><path fill="url(#SVGK9lexc4J)" d="M11.333 20.974c-1.705-2.345-1.853-6.601 1.737-8.82c-2.256 3.4.386 6.3 2.948 7.9a8.96 8.96 0 0 1-4.685.92"/><path fill="url(#SVGNR8EsewT)" d="M15.113 7.966c-.45.09-1.218.381-1.398 1.096c-.312 1.202-.529 2.493-.63 3.08a6.74 6.74 0 0 1 6.427-.37c-.36-1.403-1.91-3.102-4.399-3.806"/><defs><linearGradient id="SVGA6qiodFZ" x1="20.328" x2="12.9" y1="3.02" y2="21.686" gradientUnits="userSpaceOnUse"><stop stop-color="#2ee4a9"/><stop offset="1" stop-color="#0bbdc7"/></linearGradient><linearGradient id="SVGWCTIkeWt" x1="5.059" x2="21.297" y1="6.706" y2="13.885" gradientUnits="userSpaceOnUse"><stop stop-color="#26e09f"/><stop offset="1" stop-color="#02a566"/></linearGradient><linearGradient id="SVGK9lexc4J" x1="9.838" x2="10.789" y1="3.927" y2="21.07" gradientUnits="userSpaceOnUse"><stop stop-color="#11aeb9"/><stop offset=".52" stop-color="#91dfe9"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="SVGNR8EsewT" x1="13.748" x2="19.026" y1="9.755" y2="10.655" gradientUnits="userSpaceOnUse"><stop offset=".09" stop-color="#42c696"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient></defs></g></svg> </template>
CSS
.icon-hawk {
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%3Cpath%20fill%3D%22url(%23SVGA6qiodFZ)%22%20d%3D%22M5.986%2018.693A9%209%200%200%201%203.2%2013.902c.895-1.377%203.07-4.246%207.227-5.252l-.16.106c-.952.582-2.562%201.588-3.636%203.473c-1.101%201.927-1.25%204.34-.646%206.464%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGWCTIkeWt)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2021a9%209%200%201%200%200-18a9%209%200%200%200%200%2018m0%200a8.95%208.95%200%200%200%204.023-.948c-2.572-1.599-5.209-4.5-2.948-7.898a6.74%206.74%200%200%201%206.437-.382c-.37-1.418-1.948-3.144-4.49-3.827c-.862-.233-1.423-.53-1.587-.651l-.016-.011c-.64-.445-.91-.63-1.107-.662c-1.244-.143-2.7.244-3.78.657a10.16%2010.16%200%200%200-5.521%205.167A9%209%200%200%200%2012%2021%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%230d3137%22%20d%3D%22M13.388%208.315a4.7%204.7%200%200%200-3.103.376a7%207%200%200%201%20.567-.064c.116%200%201.059.36%201.583.318c.391-.037.646-.381.74-.577a.07.07%200%200%201%20.054-.037z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGK9lexc4J)%22%20d%3D%22M11.333%2020.974c-1.705-2.345-1.853-6.601%201.737-8.82c-2.256%203.4.386%206.3%202.948%207.9a8.96%208.96%200%200%201-4.685.92%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGNR8EsewT)%22%20d%3D%22M15.113%207.966c-.45.09-1.218.381-1.398%201.096c-.312%201.202-.529%202.493-.63%203.08a6.74%206.74%200%200%201%206.427-.37c-.36-1.403-1.91-3.102-4.399-3.806%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGA6qiodFZ%22%20x1%3D%2220.328%22%20x2%3D%2212.9%22%20y1%3D%223.02%22%20y2%3D%2221.686%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%232ee4a9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230bbdc7%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGWCTIkeWt%22%20x1%3D%225.059%22%20x2%3D%2221.297%22%20y1%3D%226.706%22%20y2%3D%2213.885%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2326e09f%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2302a566%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGK9lexc4J%22%20x1%3D%229.838%22%20x2%3D%2210.789%22%20y1%3D%223.927%22%20y2%3D%2221.07%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2311aeb9%22%2F%3E%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%2391dfe9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGNR8EsewT%22%20x1%3D%2213.748%22%20x2%3D%2219.026%22%20y1%3D%229.755%22%20y2%3D%2210.655%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.09%22%20stop-color%3D%22%2342c696%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%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%3Cpath%20fill%3D%22url(%23SVGA6qiodFZ)%22%20d%3D%22M5.986%2018.693A9%209%200%200%201%203.2%2013.902c.895-1.377%203.07-4.246%207.227-5.252l-.16.106c-.952.582-2.562%201.588-3.636%203.473c-1.101%201.927-1.25%204.34-.646%206.464%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGWCTIkeWt)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2021a9%209%200%201%200%200-18a9%209%200%200%200%200%2018m0%200a8.95%208.95%200%200%200%204.023-.948c-2.572-1.599-5.209-4.5-2.948-7.898a6.74%206.74%200%200%201%206.437-.382c-.37-1.418-1.948-3.144-4.49-3.827c-.862-.233-1.423-.53-1.587-.651l-.016-.011c-.64-.445-.91-.63-1.107-.662c-1.244-.143-2.7.244-3.78.657a10.16%2010.16%200%200%200-5.521%205.167A9%209%200%200%200%2012%2021%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%230d3137%22%20d%3D%22M13.388%208.315a4.7%204.7%200%200%200-3.103.376a7%207%200%200%201%20.567-.064c.116%200%201.059.36%201.583.318c.391-.037.646-.381.74-.577a.07.07%200%200%201%20.054-.037z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGK9lexc4J)%22%20d%3D%22M11.333%2020.974c-1.705-2.345-1.853-6.601%201.737-8.82c-2.256%203.4.386%206.3%202.948%207.9a8.96%208.96%200%200%201-4.685.92%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGNR8EsewT)%22%20d%3D%22M15.113%207.966c-.45.09-1.218.381-1.398%201.096c-.312%201.202-.529%202.493-.63%203.08a6.74%206.74%200%200%201%206.427-.37c-.36-1.403-1.91-3.102-4.399-3.806%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGA6qiodFZ%22%20x1%3D%2220.328%22%20x2%3D%2212.9%22%20y1%3D%223.02%22%20y2%3D%2221.686%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%232ee4a9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230bbdc7%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGWCTIkeWt%22%20x1%3D%225.059%22%20x2%3D%2221.297%22%20y1%3D%226.706%22%20y2%3D%2213.885%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2326e09f%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2302a566%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGK9lexc4J%22%20x1%3D%229.838%22%20x2%3D%2210.789%22%20y1%3D%223.927%22%20y2%3D%2221.07%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2311aeb9%22%2F%3E%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%2391dfe9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGNR8EsewT%22%20x1%3D%2213.748%22%20x2%3D%2219.026%22%20y1%3D%229.755%22%20y2%3D%2210.655%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.09%22%20stop-color%3D%22%2342c696%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%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.svg?color=%231a73e8&size=48
