polkadot logo
polkadot from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- polkadot
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
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="M12 0c2.39 0 4.328 1.127 4.328 2.517S14.39 5.034 12 5.034S7.672 3.907 7.672 2.517S9.61 0 12 0m0 18.966c2.39 0 4.328 1.127 4.328 2.517S14.39 24 12 24s-4.328-1.127-4.328-2.517S9.61 18.966 12 18.966M1.606 6C2.8 3.93 4.747 2.816 5.952 3.511s1.212 2.937.017 5.007s-3.141 3.182-4.345 2.489S.411 8.07 1.606 6m16.427 9.483c1.2-2.07 3.139-3.184 4.343-2.489s1.211 2.936.016 5.006s-3.14 3.185-4.344 2.49s-1.211-2.937-.015-5.007m-16.409-2.49c1.205-.7 3.15.419 4.346 2.489s1.187 4.311-.018 5.007S2.8 20.07 1.607 18s-1.187-4.311.017-5.007m16.425-9.481c1.2-.695 3.149.419 4.344 2.489s1.188 4.311-.016 5.007s-3.148-.42-4.343-2.49s-1.188-4.311.015-5.006"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsPolkadot(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="M12 0c2.39 0 4.328 1.127 4.328 2.517S14.39 5.034 12 5.034S7.672 3.907 7.672 2.517S9.61 0 12 0m0 18.966c2.39 0 4.328 1.127 4.328 2.517S14.39 24 12 24s-4.328-1.127-4.328-2.517S9.61 18.966 12 18.966M1.606 6C2.8 3.93 4.747 2.816 5.952 3.511s1.212 2.937.017 5.007s-3.141 3.182-4.345 2.489S.411 8.07 1.606 6m16.427 9.483c1.2-2.07 3.139-3.184 4.343-2.489s1.211 2.936.016 5.006s-3.14 3.185-4.344 2.49s-1.211-2.937-.015-5.007m-16.409-2.49c1.205-.7 3.15.419 4.346 2.489s1.187 4.311-.018 5.007S2.8 20.07 1.607 18s-1.187-4.311.017-5.007m16.425-9.481c1.2-.695 3.149.419 4.344 2.489s1.188 4.311-.016 5.007s-3.148-.42-4.343-2.49s-1.188-4.311.015-5.006"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0c2.39 0 4.328 1.127 4.328 2.517S14.39 5.034 12 5.034S7.672 3.907 7.672 2.517S9.61 0 12 0m0 18.966c2.39 0 4.328 1.127 4.328 2.517S14.39 24 12 24s-4.328-1.127-4.328-2.517S9.61 18.966 12 18.966M1.606 6C2.8 3.93 4.747 2.816 5.952 3.511s1.212 2.937.017 5.007s-3.141 3.182-4.345 2.489S.411 8.07 1.606 6m16.427 9.483c1.2-2.07 3.139-3.184 4.343-2.489s1.211 2.936.016 5.006s-3.14 3.185-4.344 2.49s-1.211-2.937-.015-5.007m-16.409-2.49c1.205-.7 3.15.419 4.346 2.489s1.187 4.311-.018 5.007S2.8 20.07 1.607 18s-1.187-4.311.017-5.007m16.425-9.481c1.2-.695 3.149.419 4.344 2.489s1.188 4.311-.016 5.007s-3.148-.42-4.343-2.49s-1.188-4.311.015-5.006"/></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%22M12%200c2.39%200%204.328%201.127%204.328%202.517S14.39%205.034%2012%205.034S7.672%203.907%207.672%202.517S9.61%200%2012%200m0%2018.966c2.39%200%204.328%201.127%204.328%202.517S14.39%2024%2012%2024s-4.328-1.127-4.328-2.517S9.61%2018.966%2012%2018.966M1.606%206C2.8%203.93%204.747%202.816%205.952%203.511s1.212%202.937.017%205.007s-3.141%203.182-4.345%202.489S.411%208.07%201.606%206m16.427%209.483c1.2-2.07%203.139-3.184%204.343-2.489s1.211%202.936.016%205.006s-3.14%203.185-4.344%202.49s-1.211-2.937-.015-5.007m-16.409-2.49c1.205-.7%203.15.419%204.346%202.489s1.187%204.311-.018%205.007S2.8%2020.07%201.607%2018s-1.187-4.311.017-5.007m16.425-9.481c1.2-.695%203.149.419%204.344%202.489s1.188%204.311-.016%205.007s-3.148-.42-4.343-2.49s-1.188-4.311.015-5.006%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%22M12%200c2.39%200%204.328%201.127%204.328%202.517S14.39%205.034%2012%205.034S7.672%203.907%207.672%202.517S9.61%200%2012%200m0%2018.966c2.39%200%204.328%201.127%204.328%202.517S14.39%2024%2012%2024s-4.328-1.127-4.328-2.517S9.61%2018.966%2012%2018.966M1.606%206C2.8%203.93%204.747%202.816%205.952%203.511s1.212%202.937.017%205.007s-3.141%203.182-4.345%202.489S.411%208.07%201.606%206m16.427%209.483c1.2-2.07%203.139-3.184%204.343-2.489s1.211%202.936.016%205.006s-3.14%203.185-4.344%202.49s-1.211-2.937-.015-5.007m-16.409-2.49c1.205-.7%203.15.419%204.346%202.489s1.187%204.311-.018%205.007S2.8%2020.07%201.607%2018s-1.187-4.311.017-5.007m16.425-9.481c1.2-.695%203.149.419%204.344%202.489s1.188%204.311-.016%205.007s-3.148-.42-4.343-2.49s-1.188-4.311.015-5.006%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/polkadot.svg?color=%231a73e8&size=48
