astar logo
astar from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- astar
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the astar 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 1 0 0-18a9 9 0 0 0 0 18m0-2.029a6.971 6.971 0 1 0 0-13.942a6.971 6.971 0 0 0 0 13.942" clip-rule="evenodd"/><path fill="currentColor" d="M15.088 17.402a1.524 1.524 0 1 0 0-3.048a1.524 1.524 0 0 0 0 3.048"/><path fill="currentColor" d="M14.176 3.348c1.467.105 3.2 1.397 3.884 2.03l.873.938c-1.593-.742-2.99-1.571-4.757-1.528c-1.767.044-4.037 1.833-3.862 5.172s2.75 5.15 4.604 5.76c1.484.49 1.634-.183 1.503-.59c.599 1.164-.194 2.315-1.503 2.424c-1.047.087-2.415-.677-2.968-1.07c-1.483-1.04-4.294-4.05-3.665-7.768c.785-4.648 4.058-5.499 5.891-5.368"/><path fill="currentColor" d="M5.708 12.133a1.538 1.538 0 1 0 2.703 1.465a1.538 1.538 0 0 0-2.703-1.465"/><path fill="currentColor" d="M18.528 18.03c-.79 1.239-2.757 2.198-3.64 2.497l-1.24.32c1.41-1.046 2.81-1.93 3.614-3.504s.311-4.423-2.707-5.86s-5.838-.036-7.259 1.303c-1.136 1.072-.605 1.53-.184 1.609c-1.287 0-1.955-1.279-1.427-2.482c.422-.962 1.745-1.8 2.354-2.1c1.621-.809 5.607-1.846 8.577.478c3.712 2.906 2.9 6.189 1.912 7.738"/><path fill="currentColor" d="M15.091 6.58a1.537 1.537 0 1 0-2.635 1.583A1.537 1.537 0 0 0 15.09 6.58"/><path fill="currentColor" d="M3.498 14.625c-.665-1.311-.53-3.494-.34-4.406l.356-1.232c.184 1.748.271 3.403 1.219 4.896c.947 1.493 3.65 2.517 6.422.647c2.772-1.868 2.998-5.008 2.567-6.913c-.345-1.524-1.03-1.284-1.31-.962c.672-1.168 2.113-1.048 2.881.018c.615.853.664 2.419.612 3.095c-.127 1.807-1.26 5.767-4.771 7.143c-4.389 1.72-6.804-.648-7.636-2.286"/></svg>
React
import type { SVGProps } from "react";
export function TokenAstar(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 1 0 0-18a9 9 0 0 0 0 18m0-2.029a6.971 6.971 0 1 0 0-13.942a6.971 6.971 0 0 0 0 13.942" clipRule="evenodd"/><path fill="currentColor" d="M15.088 17.402a1.524 1.524 0 1 0 0-3.048a1.524 1.524 0 0 0 0 3.048"/><path fill="currentColor" d="M14.176 3.348c1.467.105 3.2 1.397 3.884 2.03l.873.938c-1.593-.742-2.99-1.571-4.757-1.528c-1.767.044-4.037 1.833-3.862 5.172s2.75 5.15 4.604 5.76c1.484.49 1.634-.183 1.503-.59c.599 1.164-.194 2.315-1.503 2.424c-1.047.087-2.415-.677-2.968-1.07c-1.483-1.04-4.294-4.05-3.665-7.768c.785-4.648 4.058-5.499 5.891-5.368"/><path fill="currentColor" d="M5.708 12.133a1.538 1.538 0 1 0 2.703 1.465a1.538 1.538 0 0 0-2.703-1.465"/><path fill="currentColor" d="M18.528 18.03c-.79 1.239-2.757 2.198-3.64 2.497l-1.24.32c1.41-1.046 2.81-1.93 3.614-3.504s.311-4.423-2.707-5.86s-5.838-.036-7.259 1.303c-1.136 1.072-.605 1.53-.184 1.609c-1.287 0-1.955-1.279-1.427-2.482c.422-.962 1.745-1.8 2.354-2.1c1.621-.809 5.607-1.846 8.577.478c3.712 2.906 2.9 6.189 1.912 7.738"/><path fill="currentColor" d="M15.091 6.58a1.537 1.537 0 1 0-2.635 1.583A1.537 1.537 0 0 0 15.09 6.58"/><path fill="currentColor" d="M3.498 14.625c-.665-1.311-.53-3.494-.34-4.406l.356-1.232c.184 1.748.271 3.403 1.219 4.896c.947 1.493 3.65 2.517 6.422.647c2.772-1.868 2.998-5.008 2.567-6.913c-.345-1.524-1.03-1.284-1.31-.962c.672-1.168 2.113-1.048 2.881.018c.615.853.664 2.419.612 3.095c-.127 1.807-1.26 5.767-4.771 7.143c-4.389 1.72-6.804-.648-7.636-2.286"/></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 1 0 0-18a9 9 0 0 0 0 18m0-2.029a6.971 6.971 0 1 0 0-13.942a6.971 6.971 0 0 0 0 13.942" clip-rule="evenodd"/><path fill="currentColor" d="M15.088 17.402a1.524 1.524 0 1 0 0-3.048a1.524 1.524 0 0 0 0 3.048"/><path fill="currentColor" d="M14.176 3.348c1.467.105 3.2 1.397 3.884 2.03l.873.938c-1.593-.742-2.99-1.571-4.757-1.528c-1.767.044-4.037 1.833-3.862 5.172s2.75 5.15 4.604 5.76c1.484.49 1.634-.183 1.503-.59c.599 1.164-.194 2.315-1.503 2.424c-1.047.087-2.415-.677-2.968-1.07c-1.483-1.04-4.294-4.05-3.665-7.768c.785-4.648 4.058-5.499 5.891-5.368"/><path fill="currentColor" d="M5.708 12.133a1.538 1.538 0 1 0 2.703 1.465a1.538 1.538 0 0 0-2.703-1.465"/><path fill="currentColor" d="M18.528 18.03c-.79 1.239-2.757 2.198-3.64 2.497l-1.24.32c1.41-1.046 2.81-1.93 3.614-3.504s.311-4.423-2.707-5.86s-5.838-.036-7.259 1.303c-1.136 1.072-.605 1.53-.184 1.609c-1.287 0-1.955-1.279-1.427-2.482c.422-.962 1.745-1.8 2.354-2.1c1.621-.809 5.607-1.846 8.577.478c3.712 2.906 2.9 6.189 1.912 7.738"/><path fill="currentColor" d="M15.091 6.58a1.537 1.537 0 1 0-2.635 1.583A1.537 1.537 0 0 0 15.09 6.58"/><path fill="currentColor" d="M3.498 14.625c-.665-1.311-.53-3.494-.34-4.406l.356-1.232c.184 1.748.271 3.403 1.219 4.896c.947 1.493 3.65 2.517 6.422.647c2.772-1.868 2.998-5.008 2.567-6.913c-.345-1.524-1.03-1.284-1.31-.962c.672-1.168 2.113-1.048 2.881.018c.615.853.664 2.419.612 3.095c-.127 1.807-1.26 5.767-4.771 7.143c-4.389 1.72-6.804-.648-7.636-2.286"/></svg> </template>
CSS
.icon-astar {
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%201%200%200-18a9%209%200%200%200%200%2018m0-2.029a6.971%206.971%200%201%200%200-13.942a6.971%206.971%200%200%200%200%2013.942%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.088%2017.402a1.524%201.524%200%201%200%200-3.048a1.524%201.524%200%200%200%200%203.048%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.176%203.348c1.467.105%203.2%201.397%203.884%202.03l.873.938c-1.593-.742-2.99-1.571-4.757-1.528c-1.767.044-4.037%201.833-3.862%205.172s2.75%205.15%204.604%205.76c1.484.49%201.634-.183%201.503-.59c.599%201.164-.194%202.315-1.503%202.424c-1.047.087-2.415-.677-2.968-1.07c-1.483-1.04-4.294-4.05-3.665-7.768c.785-4.648%204.058-5.499%205.891-5.368%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.708%2012.133a1.538%201.538%200%201%200%202.703%201.465a1.538%201.538%200%200%200-2.703-1.465%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.528%2018.03c-.79%201.239-2.757%202.198-3.64%202.497l-1.24.32c1.41-1.046%202.81-1.93%203.614-3.504s.311-4.423-2.707-5.86s-5.838-.036-7.259%201.303c-1.136%201.072-.605%201.53-.184%201.609c-1.287%200-1.955-1.279-1.427-2.482c.422-.962%201.745-1.8%202.354-2.1c1.621-.809%205.607-1.846%208.577.478c3.712%202.906%202.9%206.189%201.912%207.738%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.091%206.58a1.537%201.537%200%201%200-2.635%201.583A1.537%201.537%200%200%200%2015.09%206.58%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.498%2014.625c-.665-1.311-.53-3.494-.34-4.406l.356-1.232c.184%201.748.271%203.403%201.219%204.896c.947%201.493%203.65%202.517%206.422.647c2.772-1.868%202.998-5.008%202.567-6.913c-.345-1.524-1.03-1.284-1.31-.962c.672-1.168%202.113-1.048%202.881.018c.615.853.664%202.419.612%203.095c-.127%201.807-1.26%205.767-4.771%207.143c-4.389%201.72-6.804-.648-7.636-2.286%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%201%200%200-18a9%209%200%200%200%200%2018m0-2.029a6.971%206.971%200%201%200%200-13.942a6.971%206.971%200%200%200%200%2013.942%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.088%2017.402a1.524%201.524%200%201%200%200-3.048a1.524%201.524%200%200%200%200%203.048%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.176%203.348c1.467.105%203.2%201.397%203.884%202.03l.873.938c-1.593-.742-2.99-1.571-4.757-1.528c-1.767.044-4.037%201.833-3.862%205.172s2.75%205.15%204.604%205.76c1.484.49%201.634-.183%201.503-.59c.599%201.164-.194%202.315-1.503%202.424c-1.047.087-2.415-.677-2.968-1.07c-1.483-1.04-4.294-4.05-3.665-7.768c.785-4.648%204.058-5.499%205.891-5.368%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.708%2012.133a1.538%201.538%200%201%200%202.703%201.465a1.538%201.538%200%200%200-2.703-1.465%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.528%2018.03c-.79%201.239-2.757%202.198-3.64%202.497l-1.24.32c1.41-1.046%202.81-1.93%203.614-3.504s.311-4.423-2.707-5.86s-5.838-.036-7.259%201.303c-1.136%201.072-.605%201.53-.184%201.609c-1.287%200-1.955-1.279-1.427-2.482c.422-.962%201.745-1.8%202.354-2.1c1.621-.809%205.607-1.846%208.577.478c3.712%202.906%202.9%206.189%201.912%207.738%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.091%206.58a1.537%201.537%200%201%200-2.635%201.583A1.537%201.537%200%200%200%2015.09%206.58%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.498%2014.625c-.665-1.311-.53-3.494-.34-4.406l.356-1.232c.184%201.748.271%203.403%201.219%204.896c.947%201.493%203.65%202.517%206.422.647c2.772-1.868%202.998-5.008%202.567-6.913c-.345-1.524-1.03-1.284-1.31-.962c.672-1.168%202.113-1.048%202.881.018c.615.853.664%202.419.612%203.095c-.127%201.807-1.26%205.767-4.771%207.143c-4.389%201.72-6.804-.648-7.636-2.286%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/astar.svg?color=%231a73e8&size=48
