seth logo

seth from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.

Name: seth
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 seth 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(#SVGWLPVzFzZ)" fill-rule="evenodd" d="M12 19.941a7.942 7.942 0 1 0 0-15.883a7.942 7.942 0 0 0 0 15.883M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18" clip-rule="evenodd"/><path fill="#627eea" d="M12 18.883a6.882 6.882 0 1 0 0-13.765a6.882 6.882 0 0 0 0 13.765"/><path fill="#fff" d="M12.002 10.677v-3.97L8.825 12z"/><path fill="#c1ccf7" d="M12.002 10.677v-3.97L15.178 12zm0 0L8.825 12l3.177 1.853z"/><path fill="#8198ee" d="M12 13.852v-3.176l3.177 1.323z"/><path fill="#fff" d="m12.002 14.647l-3.177-2.118l3.177 4.765z"/><path fill="#c1ccf7" d="M15.177 12.53L12 14.646v2.647z"/><defs><linearGradient id="SVGWLPVzFzZ" x1="17.029" x2="6.706" y1="5.118" y2="19.147" gradientUnits="userSpaceOnUse"><stop stop-color="#269981"/><stop offset="1" stop-color="#142d44"/></linearGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedSeth(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(#SVGWLPVzFzZ)" fillRule="evenodd" d="M12 19.941a7.942 7.942 0 1 0 0-15.883a7.942 7.942 0 0 0 0 15.883M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18" clipRule="evenodd"/><path fill="#627eea" d="M12 18.883a6.882 6.882 0 1 0 0-13.765a6.882 6.882 0 0 0 0 13.765"/><path fill="#fff" d="M12.002 10.677v-3.97L8.825 12z"/><path fill="#c1ccf7" d="M12.002 10.677v-3.97L15.178 12zm0 0L8.825 12l3.177 1.853z"/><path fill="#8198ee" d="M12 13.852v-3.176l3.177 1.323z"/><path fill="#fff" d="m12.002 14.647l-3.177-2.118l3.177 4.765z"/><path fill="#c1ccf7" d="M15.177 12.53L12 14.646v2.647z"/><defs><linearGradient id="SVGWLPVzFzZ" x1="17.029" x2="6.706" y1="5.118" y2="19.147" gradientUnits="userSpaceOnUse"><stop stopColor="#269981"/><stop offset="1" stopColor="#142d44"/></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(#SVGWLPVzFzZ)" fill-rule="evenodd" d="M12 19.941a7.942 7.942 0 1 0 0-15.883a7.942 7.942 0 0 0 0 15.883M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18" clip-rule="evenodd"/><path fill="#627eea" d="M12 18.883a6.882 6.882 0 1 0 0-13.765a6.882 6.882 0 0 0 0 13.765"/><path fill="#fff" d="M12.002 10.677v-3.97L8.825 12z"/><path fill="#c1ccf7" d="M12.002 10.677v-3.97L15.178 12zm0 0L8.825 12l3.177 1.853z"/><path fill="#8198ee" d="M12 13.852v-3.176l3.177 1.323z"/><path fill="#fff" d="m12.002 14.647l-3.177-2.118l3.177 4.765z"/><path fill="#c1ccf7" d="M15.177 12.53L12 14.646v2.647z"/><defs><linearGradient id="SVGWLPVzFzZ" x1="17.029" x2="6.706" y1="5.118" y2="19.147" gradientUnits="userSpaceOnUse"><stop stop-color="#269981"/><stop offset="1" stop-color="#142d44"/></linearGradient></defs></g></svg>
</template>

CSS

.icon-seth {
  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(%23SVGWLPVzFzZ)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2019.941a7.942%207.942%200%201%200%200-15.883a7.942%207.942%200%200%200%200%2015.883M12%2021a9%209%200%201%200%200-18a9%209%200%200%200%200%2018%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23627eea%22%20d%3D%22M12%2018.883a6.882%206.882%200%201%200%200-13.765a6.882%206.882%200%200%200%200%2013.765%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.002%2010.677v-3.97L8.825%2012z%22%2F%3E%3Cpath%20fill%3D%22%23c1ccf7%22%20d%3D%22M12.002%2010.677v-3.97L15.178%2012zm0%200L8.825%2012l3.177%201.853z%22%2F%3E%3Cpath%20fill%3D%22%238198ee%22%20d%3D%22M12%2013.852v-3.176l3.177%201.323z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m12.002%2014.647l-3.177-2.118l3.177%204.765z%22%2F%3E%3Cpath%20fill%3D%22%23c1ccf7%22%20d%3D%22M15.177%2012.53L12%2014.646v2.647z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGWLPVzFzZ%22%20x1%3D%2217.029%22%20x2%3D%226.706%22%20y1%3D%225.118%22%20y2%3D%2219.147%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23269981%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23142d44%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(%23SVGWLPVzFzZ)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2019.941a7.942%207.942%200%201%200%200-15.883a7.942%207.942%200%200%200%200%2015.883M12%2021a9%209%200%201%200%200-18a9%209%200%200%200%200%2018%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23627eea%22%20d%3D%22M12%2018.883a6.882%206.882%200%201%200%200-13.765a6.882%206.882%200%200%200%200%2013.765%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.002%2010.677v-3.97L8.825%2012z%22%2F%3E%3Cpath%20fill%3D%22%23c1ccf7%22%20d%3D%22M12.002%2010.677v-3.97L15.178%2012zm0%200L8.825%2012l3.177%201.853z%22%2F%3E%3Cpath%20fill%3D%22%238198ee%22%20d%3D%22M12%2013.852v-3.176l3.177%201.323z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m12.002%2014.647l-3.177-2.118l3.177%204.765z%22%2F%3E%3Cpath%20fill%3D%22%23c1ccf7%22%20d%3D%22M15.177%2012.53L12%2014.646v2.647z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGWLPVzFzZ%22%20x1%3D%2217.029%22%20x2%3D%226.706%22%20y1%3D%225.118%22%20y2%3D%2219.147%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23269981%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23142d44%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/seth.svg?color=%231a73e8&size=48