thundercore logo
thundercore from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- thundercore
- 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 thundercore 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(#SVGMHYekeZK)" d="M6.76 11.453a.4.4 0 0 0 .338.612h4.56a.191.191 0 0 1 .162.293l-4.474 7.164a.16.16 0 0 1-.225.05a9.01 9.01 0 0 1 4.592-16.571a.159.159 0 0 1 .137.242zm10.282-6.912a.16.16 0 0 0-.225.048l-4.406 7.059a.192.192 0 0 0 .162.292h4.56a.4.4 0 0 1 .337.612l-5.155 8.255a.125.125 0 0 0 .113.192A9.008 9.008 0 0 0 17.04 4.541z"/><defs><linearGradient id="SVGMHYekeZK" x1="10.772" x2="13.936" y1="6.715" y2="20.311" gradientUnits="userSpaceOnUse"><stop offset=".18" stop-color="#00ffd5"/><stop offset=".23" stop-color="#00f8d5"/><stop offset=".31" stop-color="#00e4d5"/><stop offset=".4" stop-color="#00c3d5"/><stop offset=".51" stop-color="#0096d5"/><stop offset=".62" stop-color="#005cd5"/><stop offset=".74" stop-color="#0016d5"/><stop offset=".78" stop-color="#0000d5"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedThundercore(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(#SVGMHYekeZK)" d="M6.76 11.453a.4.4 0 0 0 .338.612h4.56a.191.191 0 0 1 .162.293l-4.474 7.164a.16.16 0 0 1-.225.05a9.01 9.01 0 0 1 4.592-16.571a.159.159 0 0 1 .137.242zm10.282-6.912a.16.16 0 0 0-.225.048l-4.406 7.059a.192.192 0 0 0 .162.292h4.56a.4.4 0 0 1 .337.612l-5.155 8.255a.125.125 0 0 0 .113.192A9.008 9.008 0 0 0 17.04 4.541z"/><defs><linearGradient id="SVGMHYekeZK" x1="10.772" x2="13.936" y1="6.715" y2="20.311" gradientUnits="userSpaceOnUse"><stop offset=".18" stopColor="#00ffd5"/><stop offset=".23" stopColor="#00f8d5"/><stop offset=".31" stopColor="#00e4d5"/><stop offset=".4" stopColor="#00c3d5"/><stop offset=".51" stopColor="#0096d5"/><stop offset=".62" stopColor="#005cd5"/><stop offset=".74" stopColor="#0016d5"/><stop offset=".78" stopColor="#0000d5"/></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(#SVGMHYekeZK)" d="M6.76 11.453a.4.4 0 0 0 .338.612h4.56a.191.191 0 0 1 .162.293l-4.474 7.164a.16.16 0 0 1-.225.05a9.01 9.01 0 0 1 4.592-16.571a.159.159 0 0 1 .137.242zm10.282-6.912a.16.16 0 0 0-.225.048l-4.406 7.059a.192.192 0 0 0 .162.292h4.56a.4.4 0 0 1 .337.612l-5.155 8.255a.125.125 0 0 0 .113.192A9.008 9.008 0 0 0 17.04 4.541z"/><defs><linearGradient id="SVGMHYekeZK" x1="10.772" x2="13.936" y1="6.715" y2="20.311" gradientUnits="userSpaceOnUse"><stop offset=".18" stop-color="#00ffd5"/><stop offset=".23" stop-color="#00f8d5"/><stop offset=".31" stop-color="#00e4d5"/><stop offset=".4" stop-color="#00c3d5"/><stop offset=".51" stop-color="#0096d5"/><stop offset=".62" stop-color="#005cd5"/><stop offset=".74" stop-color="#0016d5"/><stop offset=".78" stop-color="#0000d5"/></linearGradient></defs></g></svg> </template>
CSS
.icon-thundercore {
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(%23SVGMHYekeZK)%22%20d%3D%22M6.76%2011.453a.4.4%200%200%200%20.338.612h4.56a.191.191%200%200%201%20.162.293l-4.474%207.164a.16.16%200%200%201-.225.05a9.01%209.01%200%200%201%204.592-16.571a.159.159%200%200%201%20.137.242zm10.282-6.912a.16.16%200%200%200-.225.048l-4.406%207.059a.192.192%200%200%200%20.162.292h4.56a.4.4%200%200%201%20.337.612l-5.155%208.255a.125.125%200%200%200%20.113.192A9.008%209.008%200%200%200%2017.04%204.541z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGMHYekeZK%22%20x1%3D%2210.772%22%20x2%3D%2213.936%22%20y1%3D%226.715%22%20y2%3D%2220.311%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.18%22%20stop-color%3D%22%2300ffd5%22%2F%3E%3Cstop%20offset%3D%22.23%22%20stop-color%3D%22%2300f8d5%22%2F%3E%3Cstop%20offset%3D%22.31%22%20stop-color%3D%22%2300e4d5%22%2F%3E%3Cstop%20offset%3D%22.4%22%20stop-color%3D%22%2300c3d5%22%2F%3E%3Cstop%20offset%3D%22.51%22%20stop-color%3D%22%230096d5%22%2F%3E%3Cstop%20offset%3D%22.62%22%20stop-color%3D%22%23005cd5%22%2F%3E%3Cstop%20offset%3D%22.74%22%20stop-color%3D%22%230016d5%22%2F%3E%3Cstop%20offset%3D%22.78%22%20stop-color%3D%22%230000d5%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(%23SVGMHYekeZK)%22%20d%3D%22M6.76%2011.453a.4.4%200%200%200%20.338.612h4.56a.191.191%200%200%201%20.162.293l-4.474%207.164a.16.16%200%200%201-.225.05a9.01%209.01%200%200%201%204.592-16.571a.159.159%200%200%201%20.137.242zm10.282-6.912a.16.16%200%200%200-.225.048l-4.406%207.059a.192.192%200%200%200%20.162.292h4.56a.4.4%200%200%201%20.337.612l-5.155%208.255a.125.125%200%200%200%20.113.192A9.008%209.008%200%200%200%2017.04%204.541z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGMHYekeZK%22%20x1%3D%2210.772%22%20x2%3D%2213.936%22%20y1%3D%226.715%22%20y2%3D%2220.311%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.18%22%20stop-color%3D%22%2300ffd5%22%2F%3E%3Cstop%20offset%3D%22.23%22%20stop-color%3D%22%2300f8d5%22%2F%3E%3Cstop%20offset%3D%22.31%22%20stop-color%3D%22%2300e4d5%22%2F%3E%3Cstop%20offset%3D%22.4%22%20stop-color%3D%22%2300c3d5%22%2F%3E%3Cstop%20offset%3D%22.51%22%20stop-color%3D%22%230096d5%22%2F%3E%3Cstop%20offset%3D%22.62%22%20stop-color%3D%22%23005cd5%22%2F%3E%3Cstop%20offset%3D%22.74%22%20stop-color%3D%22%230016d5%22%2F%3E%3Cstop%20offset%3D%22.78%22%20stop-color%3D%22%230000d5%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/thundercore.svg?color=%231a73e8&size=48
