polkadot logo
polkadot from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- polkadot
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the polkadot logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.171 4.853c0 1.021-1.423 1.853-3.176 1.853c-1.752 0-3.177-.832-3.177-1.853C8.818 3.83 10.248 3 11.995 3s3.176.831 3.176 1.853m0 14.294c0 1.022-1.423 1.853-3.176 1.853c-1.752 0-3.177-.831-3.177-1.853c0-1.021 1.43-1.853 3.177-1.853s3.176.832 3.176 1.853M7.416 9.431c.9-1.55.906-3.23.021-3.737c-.889-.514-2.33.334-3.229 1.885c-.9 1.55-.9 3.229-.022 3.737c.89.509 2.33-.335 3.23-1.885m12.378 3.247c.889.503.884 2.15-.012 3.674c-.899 1.524-2.344 2.35-3.229 1.848c-.894-.503-.889-2.15.005-3.675c.9-1.524 2.346-2.35 3.236-1.847M7.442 18.21c.89-.502.885-2.149-.016-3.673c-.894-1.524-2.34-2.35-3.229-1.848c-.894.509-.89 2.15.011 3.674c.895 1.525 2.34 2.357 3.23 1.853zM19.794 7.585c.899 1.55.899 3.224.016 3.732c-.885.514-2.33-.327-3.23-1.884c-.89-1.551-.9-3.224-.017-3.733c.89-.514 2.33.329 3.23 1.885"/></svg>
React
import type { SVGProps } from "react";
export function TokenPolkadot(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" d="M15.171 4.853c0 1.021-1.423 1.853-3.176 1.853c-1.752 0-3.177-.832-3.177-1.853C8.818 3.83 10.248 3 11.995 3s3.176.831 3.176 1.853m0 14.294c0 1.022-1.423 1.853-3.176 1.853c-1.752 0-3.177-.831-3.177-1.853c0-1.021 1.43-1.853 3.177-1.853s3.176.832 3.176 1.853M7.416 9.431c.9-1.55.906-3.23.021-3.737c-.889-.514-2.33.334-3.229 1.885c-.9 1.55-.9 3.229-.022 3.737c.89.509 2.33-.335 3.23-1.885m12.378 3.247c.889.503.884 2.15-.012 3.674c-.899 1.524-2.344 2.35-3.229 1.848c-.894-.503-.889-2.15.005-3.675c.9-1.524 2.346-2.35 3.236-1.847M7.442 18.21c.89-.502.885-2.149-.016-3.673c-.894-1.524-2.34-2.35-3.229-1.848c-.894.509-.89 2.15.011 3.674c.895 1.525 2.34 2.357 3.23 1.853zM19.794 7.585c.899 1.55.899 3.224.016 3.732c-.885.514-2.33-.327-3.23-1.884c-.89-1.551-.9-3.224-.017-3.733c.89-.514 2.33.329 3.23 1.885"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.171 4.853c0 1.021-1.423 1.853-3.176 1.853c-1.752 0-3.177-.832-3.177-1.853C8.818 3.83 10.248 3 11.995 3s3.176.831 3.176 1.853m0 14.294c0 1.022-1.423 1.853-3.176 1.853c-1.752 0-3.177-.831-3.177-1.853c0-1.021 1.43-1.853 3.177-1.853s3.176.832 3.176 1.853M7.416 9.431c.9-1.55.906-3.23.021-3.737c-.889-.514-2.33.334-3.229 1.885c-.9 1.55-.9 3.229-.022 3.737c.89.509 2.33-.335 3.23-1.885m12.378 3.247c.889.503.884 2.15-.012 3.674c-.899 1.524-2.344 2.35-3.229 1.848c-.894-.503-.889-2.15.005-3.675c.9-1.524 2.346-2.35 3.236-1.847M7.442 18.21c.89-.502.885-2.149-.016-3.673c-.894-1.524-2.34-2.35-3.229-1.848c-.894.509-.89 2.15.011 3.674c.895 1.525 2.34 2.357 3.23 1.853zM19.794 7.585c.899 1.55.899 3.224.016 3.732c-.885.514-2.33-.327-3.23-1.884c-.89-1.551-.9-3.224-.017-3.733c.89-.514 2.33.329 3.23 1.885"/></svg> </template>
CSS
.icon-polkadot {
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%20d%3D%22M15.171%204.853c0%201.021-1.423%201.853-3.176%201.853c-1.752%200-3.177-.832-3.177-1.853C8.818%203.83%2010.248%203%2011.995%203s3.176.831%203.176%201.853m0%2014.294c0%201.022-1.423%201.853-3.176%201.853c-1.752%200-3.177-.831-3.177-1.853c0-1.021%201.43-1.853%203.177-1.853s3.176.832%203.176%201.853M7.416%209.431c.9-1.55.906-3.23.021-3.737c-.889-.514-2.33.334-3.229%201.885c-.9%201.55-.9%203.229-.022%203.737c.89.509%202.33-.335%203.23-1.885m12.378%203.247c.889.503.884%202.15-.012%203.674c-.899%201.524-2.344%202.35-3.229%201.848c-.894-.503-.889-2.15.005-3.675c.9-1.524%202.346-2.35%203.236-1.847M7.442%2018.21c.89-.502.885-2.149-.016-3.673c-.894-1.524-2.34-2.35-3.229-1.848c-.894.509-.89%202.15.011%203.674c.895%201.525%202.34%202.357%203.23%201.853zM19.794%207.585c.899%201.55.899%203.224.016%203.732c-.885.514-2.33-.327-3.23-1.884c-.89-1.551-.9-3.224-.017-3.733c.89-.514%202.33.329%203.23%201.885%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%20d%3D%22M15.171%204.853c0%201.021-1.423%201.853-3.176%201.853c-1.752%200-3.177-.832-3.177-1.853C8.818%203.83%2010.248%203%2011.995%203s3.176.831%203.176%201.853m0%2014.294c0%201.022-1.423%201.853-3.176%201.853c-1.752%200-3.177-.831-3.177-1.853c0-1.021%201.43-1.853%203.177-1.853s3.176.832%203.176%201.853M7.416%209.431c.9-1.55.906-3.23.021-3.737c-.889-.514-2.33.334-3.229%201.885c-.9%201.55-.9%203.229-.022%203.737c.89.509%202.33-.335%203.23-1.885m12.378%203.247c.889.503.884%202.15-.012%203.674c-.899%201.524-2.344%202.35-3.229%201.848c-.894-.503-.889-2.15.005-3.675c.9-1.524%202.346-2.35%203.236-1.847M7.442%2018.21c.89-.502.885-2.149-.016-3.673c-.894-1.524-2.34-2.35-3.229-1.848c-.894.509-.89%202.15.011%203.674c.895%201.525%202.34%202.357%203.23%201.853zM19.794%207.585c.899%201.55.899%203.224.016%203.732c-.885.514-2.33-.327-3.23-1.884c-.89-1.551-.9-3.224-.017-3.733c.89-.514%202.33.329%203.23%201.885%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/polkadot.svg?color=%231a73e8&size=48
