sero logo

sero from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.

Name
sero
Set
Web3 Icons
Style
Mono
Viewbox
24×24
License
MIT

Use the sero logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 21a9 9 0 0 0 9-9a9 9 0 0 0-9-9a9 9 0 0 0-9 9a9 9 0 0 0 9 9m7.5-6.594a7.875 7.875 0 0 0-12.62-8.39l.05-.028c-.446.31-1.308 1.435-1.192 3.459s1.278 2.93 2.151 3.517l.344.231c2.127 1.425 4.394 2.944 3.755 4.246c-.058-.36-.378-1.157-1.192-1.483S8.053 14.523 7.19 14.01c-1.007-.59-2.964-2.244-2.732-4.127q.02-.155.045-.303a7.875 7.875 0 0 0 13.414 7.615c.29-.478.774-1.705.574-3.123c-.256-1.824-2.165-4.103-5.014-5.072c1.083.2 3.601 1.071 5.014 2.963c.62.83.908 1.682 1.008 2.443M15.36 8.744l.74-.257l-.455-2.906c-.836-.446-3.02-1.134-5.072-.313c-2.564 1.025-2.899 3.107-2.785 4.247s.477 1.85 1.39 2.448c.728.478 2.545 1.548 3.361 2.023c.532.323 1.573 1.225 1.481 2.25c-.113 1.283-.586 2.043-2.022 2.166c-.998.085-2.85-1.082-3.704-3.334l-.861.135l.321 2.848c.549.51 2.165 1.485 4.244 1.313c2.599-.215 4.728-1.732 4.728-4.16c0-1.944-1.271-3.1-1.907-3.435l-3.574-2.057c-.575-.362-1.866-1.787-.588-3.216c1.328-1.482 3.75.119 4.033.79q.318.736.67 1.458" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function TokenSero(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M12 21a9 9 0 0 0 9-9a9 9 0 0 0-9-9a9 9 0 0 0-9 9a9 9 0 0 0 9 9m7.5-6.594a7.875 7.875 0 0 0-12.62-8.39l.05-.028c-.446.31-1.308 1.435-1.192 3.459s1.278 2.93 2.151 3.517l.344.231c2.127 1.425 4.394 2.944 3.755 4.246c-.058-.36-.378-1.157-1.192-1.483S8.053 14.523 7.19 14.01c-1.007-.59-2.964-2.244-2.732-4.127q.02-.155.045-.303a7.875 7.875 0 0 0 13.414 7.615c.29-.478.774-1.705.574-3.123c-.256-1.824-2.165-4.103-5.014-5.072c1.083.2 3.601 1.071 5.014 2.963c.62.83.908 1.682 1.008 2.443M15.36 8.744l.74-.257l-.455-2.906c-.836-.446-3.02-1.134-5.072-.313c-2.564 1.025-2.899 3.107-2.785 4.247s.477 1.85 1.39 2.448c.728.478 2.545 1.548 3.361 2.023c.532.323 1.573 1.225 1.481 2.25c-.113 1.283-.586 2.043-2.022 2.166c-.998.085-2.85-1.082-3.704-3.334l-.861.135l.321 2.848c.549.51 2.165 1.485 4.244 1.313c2.599-.215 4.728-1.732 4.728-4.16c0-1.944-1.271-3.1-1.907-3.435l-3.574-2.057c-.575-.362-1.866-1.787-.588-3.216c1.328-1.482 3.75.119 4.033.79q.318.736.67 1.458" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 21a9 9 0 0 0 9-9a9 9 0 0 0-9-9a9 9 0 0 0-9 9a9 9 0 0 0 9 9m7.5-6.594a7.875 7.875 0 0 0-12.62-8.39l.05-.028c-.446.31-1.308 1.435-1.192 3.459s1.278 2.93 2.151 3.517l.344.231c2.127 1.425 4.394 2.944 3.755 4.246c-.058-.36-.378-1.157-1.192-1.483S8.053 14.523 7.19 14.01c-1.007-.59-2.964-2.244-2.732-4.127q.02-.155.045-.303a7.875 7.875 0 0 0 13.414 7.615c.29-.478.774-1.705.574-3.123c-.256-1.824-2.165-4.103-5.014-5.072c1.083.2 3.601 1.071 5.014 2.963c.62.83.908 1.682 1.008 2.443M15.36 8.744l.74-.257l-.455-2.906c-.836-.446-3.02-1.134-5.072-.313c-2.564 1.025-2.899 3.107-2.785 4.247s.477 1.85 1.39 2.448c.728.478 2.545 1.548 3.361 2.023c.532.323 1.573 1.225 1.481 2.25c-.113 1.283-.586 2.043-2.022 2.166c-.998.085-2.85-1.082-3.704-3.334l-.861.135l.321 2.848c.549.51 2.165 1.485 4.244 1.313c2.599-.215 4.728-1.732 4.728-4.16c0-1.944-1.271-3.1-1.907-3.435l-3.574-2.057c-.575-.362-1.866-1.787-.588-3.216c1.328-1.482 3.75.119 4.033.79q.318.736.67 1.458" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-sero {
  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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2021a9%209%200%200%200%209-9a9%209%200%200%200-9-9a9%209%200%200%200-9%209a9%209%200%200%200%209%209m7.5-6.594a7.875%207.875%200%200%200-12.62-8.39l.05-.028c-.446.31-1.308%201.435-1.192%203.459s1.278%202.93%202.151%203.517l.344.231c2.127%201.425%204.394%202.944%203.755%204.246c-.058-.36-.378-1.157-1.192-1.483S8.053%2014.523%207.19%2014.01c-1.007-.59-2.964-2.244-2.732-4.127q.02-.155.045-.303a7.875%207.875%200%200%200%2013.414%207.615c.29-.478.774-1.705.574-3.123c-.256-1.824-2.165-4.103-5.014-5.072c1.083.2%203.601%201.071%205.014%202.963c.62.83.908%201.682%201.008%202.443M15.36%208.744l.74-.257l-.455-2.906c-.836-.446-3.02-1.134-5.072-.313c-2.564%201.025-2.899%203.107-2.785%204.247s.477%201.85%201.39%202.448c.728.478%202.545%201.548%203.361%202.023c.532.323%201.573%201.225%201.481%202.25c-.113%201.283-.586%202.043-2.022%202.166c-.998.085-2.85-1.082-3.704-3.334l-.861.135l.321%202.848c.549.51%202.165%201.485%204.244%201.313c2.599-.215%204.728-1.732%204.728-4.16c0-1.944-1.271-3.1-1.907-3.435l-3.574-2.057c-.575-.362-1.866-1.787-.588-3.216c1.328-1.482%203.75.119%204.033.79q.318.736.67%201.458%22%20clip-rule%3D%22evenodd%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2021a9%209%200%200%200%209-9a9%209%200%200%200-9-9a9%209%200%200%200-9%209a9%209%200%200%200%209%209m7.5-6.594a7.875%207.875%200%200%200-12.62-8.39l.05-.028c-.446.31-1.308%201.435-1.192%203.459s1.278%202.93%202.151%203.517l.344.231c2.127%201.425%204.394%202.944%203.755%204.246c-.058-.36-.378-1.157-1.192-1.483S8.053%2014.523%207.19%2014.01c-1.007-.59-2.964-2.244-2.732-4.127q.02-.155.045-.303a7.875%207.875%200%200%200%2013.414%207.615c.29-.478.774-1.705.574-3.123c-.256-1.824-2.165-4.103-5.014-5.072c1.083.2%203.601%201.071%205.014%202.963c.62.83.908%201.682%201.008%202.443M15.36%208.744l.74-.257l-.455-2.906c-.836-.446-3.02-1.134-5.072-.313c-2.564%201.025-2.899%203.107-2.785%204.247s.477%201.85%201.39%202.448c.728.478%202.545%201.548%203.361%202.023c.532.323%201.573%201.225%201.481%202.25c-.113%201.283-.586%202.043-2.022%202.166c-.998.085-2.85-1.082-3.704-3.334l-.861.135l.321%202.848c.549.51%202.165%201.485%204.244%201.313c2.599-.215%204.728-1.732%204.728-4.16c0-1.944-1.271-3.1-1.907-3.435l-3.574-2.057c-.575-.362-1.866-1.787-.588-3.216c1.328-1.482%203.75.119%204.033.79q.318.736.67%201.458%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/sero.svg?color=%231a73e8&size=48