polkadot dot icon
polkadot-dot-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- polkadot-dot-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
Use the polkadot dot icon
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 2c-.84 0-1.65.202-2.282.582C9.105 2.949 8.5 3.597 8.5 4.5s.605 1.55 1.218 1.918C10.35 6.798 11.159 7 12 7c.84 0 1.65-.202 2.282-.582c.613-.367 1.218-1.015 1.218-1.918s-.605-1.55-1.218-1.918C13.65 2.202 12.84 2 12 2m0 15c-.84 0-1.65.202-2.282.582c-.613.367-1.218 1.014-1.218 1.918s.605 1.55 1.218 1.918c.632.38 1.441.582 2.282.582c.84 0 1.65-.202 2.282-.582c.613-.367 1.218-1.014 1.218-1.918s-.605-1.55-1.218-1.918C13.65 17.202 12.84 17 12 17M3.34 7c-.42.728-.65 1.53-.638 2.267c.012.715.27 1.562 1.053 2.014s1.645.251 2.27-.095c.645-.358 1.225-.958 1.645-1.686s.65-1.53.637-2.267c-.012-.715-.27-1.562-1.052-2.014c-.783-.452-1.646-.251-2.27.095C4.34 5.673 3.76 6.272 3.34 7m12.99 7.5c-.42.728-.65 1.53-.637 2.267c.012.715.27 1.562 1.052 2.014s1.645.251 2.27-.095c.645-.358 1.225-.958 1.645-1.686s.65-1.53.637-2.267c-.012-.715-.27-1.562-1.052-2.014s-1.645-.251-2.27.096c-.645.357-1.225.957-1.645 1.685M4.985 18.686C4.34 18.328 3.76 17.728 3.34 17s-.65-1.53-.638-2.267c.012-.715.27-1.562 1.053-2.014s1.645-.251 2.27.096c.645.357 1.225.957 1.645 1.685s.65 1.53.637 2.267c-.012.715-.27 1.562-1.052 2.014c-.783.452-1.646.251-2.27-.095m12.99-7.5c-.645-.358-1.225-.958-1.645-1.686s-.65-1.53-.637-2.267c.012-.715.27-1.562 1.052-2.014s1.645-.251 2.27.095c.645.359 1.225.958 1.645 1.686s.65 1.53.637 2.267c-.012.715-.27 1.562-1.052 2.014s-1.645.251-2.27-.095" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function MingcutePolkadotDotFill(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 2c-.84 0-1.65.202-2.282.582C9.105 2.949 8.5 3.597 8.5 4.5s.605 1.55 1.218 1.918C10.35 6.798 11.159 7 12 7c.84 0 1.65-.202 2.282-.582c.613-.367 1.218-1.015 1.218-1.918s-.605-1.55-1.218-1.918C13.65 2.202 12.84 2 12 2m0 15c-.84 0-1.65.202-2.282.582c-.613.367-1.218 1.014-1.218 1.918s.605 1.55 1.218 1.918c.632.38 1.441.582 2.282.582c.84 0 1.65-.202 2.282-.582c.613-.367 1.218-1.014 1.218-1.918s-.605-1.55-1.218-1.918C13.65 17.202 12.84 17 12 17M3.34 7c-.42.728-.65 1.53-.638 2.267c.012.715.27 1.562 1.053 2.014s1.645.251 2.27-.095c.645-.358 1.225-.958 1.645-1.686s.65-1.53.637-2.267c-.012-.715-.27-1.562-1.052-2.014c-.783-.452-1.646-.251-2.27.095C4.34 5.673 3.76 6.272 3.34 7m12.99 7.5c-.42.728-.65 1.53-.637 2.267c.012.715.27 1.562 1.052 2.014s1.645.251 2.27-.095c.645-.358 1.225-.958 1.645-1.686s.65-1.53.637-2.267c-.012-.715-.27-1.562-1.052-2.014s-1.645-.251-2.27.096c-.645.357-1.225.957-1.645 1.685M4.985 18.686C4.34 18.328 3.76 17.728 3.34 17s-.65-1.53-.638-2.267c.012-.715.27-1.562 1.053-2.014s1.645-.251 2.27.096c.645.357 1.225.957 1.645 1.685s.65 1.53.637 2.267c-.012.715-.27 1.562-1.052 2.014c-.783.452-1.646.251-2.27-.095m12.99-7.5c-.645-.358-1.225-.958-1.645-1.686s-.65-1.53-.637-2.267c.012-.715.27-1.562 1.052-2.014s1.645-.251 2.27.095c.645.359 1.225.958 1.645 1.686s.65 1.53.637 2.267c-.012.715-.27 1.562-1.052 2.014s-1.645.251-2.27-.095" 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 2c-.84 0-1.65.202-2.282.582C9.105 2.949 8.5 3.597 8.5 4.5s.605 1.55 1.218 1.918C10.35 6.798 11.159 7 12 7c.84 0 1.65-.202 2.282-.582c.613-.367 1.218-1.015 1.218-1.918s-.605-1.55-1.218-1.918C13.65 2.202 12.84 2 12 2m0 15c-.84 0-1.65.202-2.282.582c-.613.367-1.218 1.014-1.218 1.918s.605 1.55 1.218 1.918c.632.38 1.441.582 2.282.582c.84 0 1.65-.202 2.282-.582c.613-.367 1.218-1.014 1.218-1.918s-.605-1.55-1.218-1.918C13.65 17.202 12.84 17 12 17M3.34 7c-.42.728-.65 1.53-.638 2.267c.012.715.27 1.562 1.053 2.014s1.645.251 2.27-.095c.645-.358 1.225-.958 1.645-1.686s.65-1.53.637-2.267c-.012-.715-.27-1.562-1.052-2.014c-.783-.452-1.646-.251-2.27.095C4.34 5.673 3.76 6.272 3.34 7m12.99 7.5c-.42.728-.65 1.53-.637 2.267c.012.715.27 1.562 1.052 2.014s1.645.251 2.27-.095c.645-.358 1.225-.958 1.645-1.686s.65-1.53.637-2.267c-.012-.715-.27-1.562-1.052-2.014s-1.645-.251-2.27.096c-.645.357-1.225.957-1.645 1.685M4.985 18.686C4.34 18.328 3.76 17.728 3.34 17s-.65-1.53-.638-2.267c.012-.715.27-1.562 1.053-2.014s1.645-.251 2.27.096c.645.357 1.225.957 1.645 1.685s.65 1.53.637 2.267c-.012.715-.27 1.562-1.052 2.014c-.783.452-1.646.251-2.27-.095m12.99-7.5c-.645-.358-1.225-.958-1.645-1.686s-.65-1.53-.637-2.267c.012-.715.27-1.562 1.052-2.014s1.645-.251 2.27.095c.645.359 1.225.958 1.645 1.686s.65 1.53.637 2.267c-.012.715-.27 1.562-1.052 2.014s-1.645.251-2.27-.095" clip-rule="evenodd"/></svg> </template>
CSS
.icon-polkadot-dot-fill {
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%202c-.84%200-1.65.202-2.282.582C9.105%202.949%208.5%203.597%208.5%204.5s.605%201.55%201.218%201.918C10.35%206.798%2011.159%207%2012%207c.84%200%201.65-.202%202.282-.582c.613-.367%201.218-1.015%201.218-1.918s-.605-1.55-1.218-1.918C13.65%202.202%2012.84%202%2012%202m0%2015c-.84%200-1.65.202-2.282.582c-.613.367-1.218%201.014-1.218%201.918s.605%201.55%201.218%201.918c.632.38%201.441.582%202.282.582c.84%200%201.65-.202%202.282-.582c.613-.367%201.218-1.014%201.218-1.918s-.605-1.55-1.218-1.918C13.65%2017.202%2012.84%2017%2012%2017M3.34%207c-.42.728-.65%201.53-.638%202.267c.012.715.27%201.562%201.053%202.014s1.645.251%202.27-.095c.645-.358%201.225-.958%201.645-1.686s.65-1.53.637-2.267c-.012-.715-.27-1.562-1.052-2.014c-.783-.452-1.646-.251-2.27.095C4.34%205.673%203.76%206.272%203.34%207m12.99%207.5c-.42.728-.65%201.53-.637%202.267c.012.715.27%201.562%201.052%202.014s1.645.251%202.27-.095c.645-.358%201.225-.958%201.645-1.686s.65-1.53.637-2.267c-.012-.715-.27-1.562-1.052-2.014s-1.645-.251-2.27.096c-.645.357-1.225.957-1.645%201.685M4.985%2018.686C4.34%2018.328%203.76%2017.728%203.34%2017s-.65-1.53-.638-2.267c.012-.715.27-1.562%201.053-2.014s1.645-.251%202.27.096c.645.357%201.225.957%201.645%201.685s.65%201.53.637%202.267c-.012.715-.27%201.562-1.052%202.014c-.783.452-1.646.251-2.27-.095m12.99-7.5c-.645-.358-1.225-.958-1.645-1.686s-.65-1.53-.637-2.267c.012-.715.27-1.562%201.052-2.014s1.645-.251%202.27.095c.645.359%201.225.958%201.645%201.686s.65%201.53.637%202.267c-.012.715-.27%201.562-1.052%202.014s-1.645.251-2.27-.095%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%202c-.84%200-1.65.202-2.282.582C9.105%202.949%208.5%203.597%208.5%204.5s.605%201.55%201.218%201.918C10.35%206.798%2011.159%207%2012%207c.84%200%201.65-.202%202.282-.582c.613-.367%201.218-1.015%201.218-1.918s-.605-1.55-1.218-1.918C13.65%202.202%2012.84%202%2012%202m0%2015c-.84%200-1.65.202-2.282.582c-.613.367-1.218%201.014-1.218%201.918s.605%201.55%201.218%201.918c.632.38%201.441.582%202.282.582c.84%200%201.65-.202%202.282-.582c.613-.367%201.218-1.014%201.218-1.918s-.605-1.55-1.218-1.918C13.65%2017.202%2012.84%2017%2012%2017M3.34%207c-.42.728-.65%201.53-.638%202.267c.012.715.27%201.562%201.053%202.014s1.645.251%202.27-.095c.645-.358%201.225-.958%201.645-1.686s.65-1.53.637-2.267c-.012-.715-.27-1.562-1.052-2.014c-.783-.452-1.646-.251-2.27.095C4.34%205.673%203.76%206.272%203.34%207m12.99%207.5c-.42.728-.65%201.53-.637%202.267c.012.715.27%201.562%201.052%202.014s1.645.251%202.27-.095c.645-.358%201.225-.958%201.645-1.686s.65-1.53.637-2.267c-.012-.715-.27-1.562-1.052-2.014s-1.645-.251-2.27.096c-.645.357-1.225.957-1.645%201.685M4.985%2018.686C4.34%2018.328%203.76%2017.728%203.34%2017s-.65-1.53-.638-2.267c.012-.715.27-1.562%201.053-2.014s1.645-.251%202.27.096c.645.357%201.225.957%201.645%201.685s.65%201.53.637%202.267c-.012.715-.27%201.562-1.052%202.014c-.783.452-1.646.251-2.27-.095m12.99-7.5c-.645-.358-1.225-.958-1.645-1.686s-.65-1.53-.637-2.267c.012-.715.27-1.562%201.052-2.014s1.645-.251%202.27.095c.645.359%201.225.958%201.645%201.686s.65%201.53.637%202.267c-.012.715-.27%201.562-1.052%202.014s-1.645.251-2.27-.095%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/mingcute/polkadot-dot-fill.svg?color=%231a73e8&size=48
