epic logo
epic from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- epic
- 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 epic 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(#SVGlchbLbWD)" d="M7.765 14.646v-5.03l6.088-3.44l-1.852-1.06l-6.354 3.442v6.882l6.354 3.706l6.352-3.441v-2.118L12 17.028z"/><path fill="url(#SVGGEIUJ0cm)" d="m14.912 7.5l.794-.529l1.589 1.059l-.795.53zm-5.558 5.03v-1.853l5.029-2.912l1.588 1.059z"/><path fill="url(#SVGVfS1Tddv)" d="m17.03 10.41l-6.353 3.707l1.588 1.059l4.765-2.912z"/><path fill="url(#SVG3do3edNp)" d="m18.353 11.47l-1.059.529v-1.853l1.06-.53z"/><path fill="url(#SVG7pv7XbNO)" fill-rule="evenodd" d="M12 20.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94m0 .53a9 9 0 1 0 0-18a9 9 0 0 0 0 18" clip-rule="evenodd"/><defs><linearGradient id="SVGlchbLbWD" x1="3.375" x2="21.375" y1="14.886" y2="14.886" gradientUnits="userSpaceOnUse"><stop stop-color="#b28947"/><stop offset=".16" stop-color="#f9ce97"/><stop offset=".52" stop-color="#b08656"/><stop offset=".83" stop-color="#f7cf89"/><stop offset="1" stop-color="#b68e5d"/></linearGradient><linearGradient id="SVGGEIUJ0cm" x1="16.801" x2="1.056" y1="8.143" y2="14.372" gradientUnits="userSpaceOnUse"><stop stop-color="#cac5c1"/><stop offset=".47" stop-color="#d3cdcd"/><stop offset="1" stop-color="#6d6d6d"/></linearGradient><linearGradient id="SVGVfS1Tddv" x1="24.751" x2="3.27" y1="3.999" y2="14.31" gradientUnits="userSpaceOnUse"><stop stop-color="#acacac"/><stop offset=".5" stop-color="#e5ddda"/><stop offset="1" stop-color="#747474"/></linearGradient><linearGradient id="SVG3do3edNp" x1="21" x2="-30.594" y1="10.999" y2="85.295" gradientUnits="userSpaceOnUse"><stop stop-color="#acacac"/><stop offset=".5" stop-color="#e5ddda"/></linearGradient><linearGradient id="SVG7pv7XbNO" x1="7.235" x2="16.5" y1="4.588" y2="19.941" gradientUnits="userSpaceOnUse"><stop stop-color="#f4e9cd"/><stop offset="1" stop-color="#f4f2da"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedEpic(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(#SVGlchbLbWD)" d="M7.765 14.646v-5.03l6.088-3.44l-1.852-1.06l-6.354 3.442v6.882l6.354 3.706l6.352-3.441v-2.118L12 17.028z"/><path fill="url(#SVGGEIUJ0cm)" d="m14.912 7.5l.794-.529l1.589 1.059l-.795.53zm-5.558 5.03v-1.853l5.029-2.912l1.588 1.059z"/><path fill="url(#SVGVfS1Tddv)" d="m17.03 10.41l-6.353 3.707l1.588 1.059l4.765-2.912z"/><path fill="url(#SVG3do3edNp)" d="m18.353 11.47l-1.059.529v-1.853l1.06-.53z"/><path fill="url(#SVG7pv7XbNO)" fillRule="evenodd" d="M12 20.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94m0 .53a9 9 0 1 0 0-18a9 9 0 0 0 0 18" clipRule="evenodd"/><defs><linearGradient id="SVGlchbLbWD" x1="3.375" x2="21.375" y1="14.886" y2="14.886" gradientUnits="userSpaceOnUse"><stop stopColor="#b28947"/><stop offset=".16" stopColor="#f9ce97"/><stop offset=".52" stopColor="#b08656"/><stop offset=".83" stopColor="#f7cf89"/><stop offset="1" stopColor="#b68e5d"/></linearGradient><linearGradient id="SVGGEIUJ0cm" x1="16.801" x2="1.056" y1="8.143" y2="14.372" gradientUnits="userSpaceOnUse"><stop stopColor="#cac5c1"/><stop offset=".47" stopColor="#d3cdcd"/><stop offset="1" stopColor="#6d6d6d"/></linearGradient><linearGradient id="SVGVfS1Tddv" x1="24.751" x2="3.27" y1="3.999" y2="14.31" gradientUnits="userSpaceOnUse"><stop stopColor="#acacac"/><stop offset=".5" stopColor="#e5ddda"/><stop offset="1" stopColor="#747474"/></linearGradient><linearGradient id="SVG3do3edNp" x1="21" x2="-30.594" y1="10.999" y2="85.295" gradientUnits="userSpaceOnUse"><stop stopColor="#acacac"/><stop offset=".5" stopColor="#e5ddda"/></linearGradient><linearGradient id="SVG7pv7XbNO" x1="7.235" x2="16.5" y1="4.588" y2="19.941" gradientUnits="userSpaceOnUse"><stop stopColor="#f4e9cd"/><stop offset="1" stopColor="#f4f2da"/></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(#SVGlchbLbWD)" d="M7.765 14.646v-5.03l6.088-3.44l-1.852-1.06l-6.354 3.442v6.882l6.354 3.706l6.352-3.441v-2.118L12 17.028z"/><path fill="url(#SVGGEIUJ0cm)" d="m14.912 7.5l.794-.529l1.589 1.059l-.795.53zm-5.558 5.03v-1.853l5.029-2.912l1.588 1.059z"/><path fill="url(#SVGVfS1Tddv)" d="m17.03 10.41l-6.353 3.707l1.588 1.059l4.765-2.912z"/><path fill="url(#SVG3do3edNp)" d="m18.353 11.47l-1.059.529v-1.853l1.06-.53z"/><path fill="url(#SVG7pv7XbNO)" fill-rule="evenodd" d="M12 20.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94m0 .53a9 9 0 1 0 0-18a9 9 0 0 0 0 18" clip-rule="evenodd"/><defs><linearGradient id="SVGlchbLbWD" x1="3.375" x2="21.375" y1="14.886" y2="14.886" gradientUnits="userSpaceOnUse"><stop stop-color="#b28947"/><stop offset=".16" stop-color="#f9ce97"/><stop offset=".52" stop-color="#b08656"/><stop offset=".83" stop-color="#f7cf89"/><stop offset="1" stop-color="#b68e5d"/></linearGradient><linearGradient id="SVGGEIUJ0cm" x1="16.801" x2="1.056" y1="8.143" y2="14.372" gradientUnits="userSpaceOnUse"><stop stop-color="#cac5c1"/><stop offset=".47" stop-color="#d3cdcd"/><stop offset="1" stop-color="#6d6d6d"/></linearGradient><linearGradient id="SVGVfS1Tddv" x1="24.751" x2="3.27" y1="3.999" y2="14.31" gradientUnits="userSpaceOnUse"><stop stop-color="#acacac"/><stop offset=".5" stop-color="#e5ddda"/><stop offset="1" stop-color="#747474"/></linearGradient><linearGradient id="SVG3do3edNp" x1="21" x2="-30.594" y1="10.999" y2="85.295" gradientUnits="userSpaceOnUse"><stop stop-color="#acacac"/><stop offset=".5" stop-color="#e5ddda"/></linearGradient><linearGradient id="SVG7pv7XbNO" x1="7.235" x2="16.5" y1="4.588" y2="19.941" gradientUnits="userSpaceOnUse"><stop stop-color="#f4e9cd"/><stop offset="1" stop-color="#f4f2da"/></linearGradient></defs></g></svg> </template>
CSS
.icon-epic {
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(%23SVGlchbLbWD)%22%20d%3D%22M7.765%2014.646v-5.03l6.088-3.44l-1.852-1.06l-6.354%203.442v6.882l6.354%203.706l6.352-3.441v-2.118L12%2017.028z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGGEIUJ0cm)%22%20d%3D%22m14.912%207.5l.794-.529l1.589%201.059l-.795.53zm-5.558%205.03v-1.853l5.029-2.912l1.588%201.059z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGVfS1Tddv)%22%20d%3D%22m17.03%2010.41l-6.353%203.707l1.588%201.059l4.765-2.912z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG3do3edNp)%22%20d%3D%22m18.353%2011.47l-1.059.529v-1.853l1.06-.53z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG7pv7XbNO)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2020.47a8.47%208.47%200%201%200%200-16.94a8.47%208.47%200%200%200%200%2016.94m0%20.53a9%209%200%201%200%200-18a9%209%200%200%200%200%2018%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGlchbLbWD%22%20x1%3D%223.375%22%20x2%3D%2221.375%22%20y1%3D%2214.886%22%20y2%3D%2214.886%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23b28947%22%2F%3E%3Cstop%20offset%3D%22.16%22%20stop-color%3D%22%23f9ce97%22%2F%3E%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%23b08656%22%2F%3E%3Cstop%20offset%3D%22.83%22%20stop-color%3D%22%23f7cf89%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b68e5d%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGGEIUJ0cm%22%20x1%3D%2216.801%22%20x2%3D%221.056%22%20y1%3D%228.143%22%20y2%3D%2214.372%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23cac5c1%22%2F%3E%3Cstop%20offset%3D%22.47%22%20stop-color%3D%22%23d3cdcd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236d6d6d%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGVfS1Tddv%22%20x1%3D%2224.751%22%20x2%3D%223.27%22%20y1%3D%223.999%22%20y2%3D%2214.31%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23acacac%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23e5ddda%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23747474%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG3do3edNp%22%20x1%3D%2221%22%20x2%3D%22-30.594%22%20y1%3D%2210.999%22%20y2%3D%2285.295%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23acacac%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23e5ddda%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG7pv7XbNO%22%20x1%3D%227.235%22%20x2%3D%2216.5%22%20y1%3D%224.588%22%20y2%3D%2219.941%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f4e9cd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f4f2da%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(%23SVGlchbLbWD)%22%20d%3D%22M7.765%2014.646v-5.03l6.088-3.44l-1.852-1.06l-6.354%203.442v6.882l6.354%203.706l6.352-3.441v-2.118L12%2017.028z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGGEIUJ0cm)%22%20d%3D%22m14.912%207.5l.794-.529l1.589%201.059l-.795.53zm-5.558%205.03v-1.853l5.029-2.912l1.588%201.059z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGVfS1Tddv)%22%20d%3D%22m17.03%2010.41l-6.353%203.707l1.588%201.059l4.765-2.912z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG3do3edNp)%22%20d%3D%22m18.353%2011.47l-1.059.529v-1.853l1.06-.53z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG7pv7XbNO)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2020.47a8.47%208.47%200%201%200%200-16.94a8.47%208.47%200%200%200%200%2016.94m0%20.53a9%209%200%201%200%200-18a9%209%200%200%200%200%2018%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGlchbLbWD%22%20x1%3D%223.375%22%20x2%3D%2221.375%22%20y1%3D%2214.886%22%20y2%3D%2214.886%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23b28947%22%2F%3E%3Cstop%20offset%3D%22.16%22%20stop-color%3D%22%23f9ce97%22%2F%3E%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%23b08656%22%2F%3E%3Cstop%20offset%3D%22.83%22%20stop-color%3D%22%23f7cf89%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b68e5d%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGGEIUJ0cm%22%20x1%3D%2216.801%22%20x2%3D%221.056%22%20y1%3D%228.143%22%20y2%3D%2214.372%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23cac5c1%22%2F%3E%3Cstop%20offset%3D%22.47%22%20stop-color%3D%22%23d3cdcd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236d6d6d%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGVfS1Tddv%22%20x1%3D%2224.751%22%20x2%3D%223.27%22%20y1%3D%223.999%22%20y2%3D%2214.31%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23acacac%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23e5ddda%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23747474%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG3do3edNp%22%20x1%3D%2221%22%20x2%3D%22-30.594%22%20y1%3D%2210.999%22%20y2%3D%2285.295%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23acacac%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23e5ddda%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG7pv7XbNO%22%20x1%3D%227.235%22%20x2%3D%2216.5%22%20y1%3D%224.588%22%20y2%3D%2219.941%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f4e9cd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f4f2da%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/epic.svg?color=%231a73e8&size=48
