dot logo
dot from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- dot
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the dot logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.172 4.853c0 1.022-1.424 1.853-3.177 1.853c-1.752 0-3.176-.831-3.176-1.853S10.249 3 11.995 3c1.748 0 3.177.831 3.177 1.853m0 14.294c0 1.022-1.424 1.853-3.177 1.853c-1.752 0-3.176-.831-3.176-1.853s1.43-1.853 3.176-1.853c1.748 0 3.177.831 3.177 1.853M7.416 9.432c.9-1.55.905-3.23.021-3.737c-.89-.514-2.33.333-3.23 1.884c-.9 1.552-.9 3.23-.02 3.738c.89.508 2.33-.334 3.23-1.885m12.378 3.246c.89.503.884 2.149-.01 3.674c-.9 1.524-2.346 2.35-3.23 1.847c-.895-.503-.89-2.15.005-3.674c.9-1.524 2.345-2.35 3.235-1.847M7.443 18.21c.889-.503.884-2.15-.016-3.674c-.895-1.525-2.34-2.35-3.23-1.848c-.894.508-.89 2.15.01 3.674c.896 1.525 2.34 2.356 3.23 1.853zm12.35-10.625c.9 1.55.9 3.224.017 3.732c-.884.514-2.33-.328-3.23-1.885c-.89-1.55-.9-3.224-.016-3.732c.89-.514 2.33.328 3.23 1.885"/></svg>
React
import type { SVGProps } from "react";
export function TokenDot(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.172 4.853c0 1.022-1.424 1.853-3.177 1.853c-1.752 0-3.176-.831-3.176-1.853S10.249 3 11.995 3c1.748 0 3.177.831 3.177 1.853m0 14.294c0 1.022-1.424 1.853-3.177 1.853c-1.752 0-3.176-.831-3.176-1.853s1.43-1.853 3.176-1.853c1.748 0 3.177.831 3.177 1.853M7.416 9.432c.9-1.55.905-3.23.021-3.737c-.89-.514-2.33.333-3.23 1.884c-.9 1.552-.9 3.23-.02 3.738c.89.508 2.33-.334 3.23-1.885m12.378 3.246c.89.503.884 2.149-.01 3.674c-.9 1.524-2.346 2.35-3.23 1.847c-.895-.503-.89-2.15.005-3.674c.9-1.524 2.345-2.35 3.235-1.847M7.443 18.21c.889-.503.884-2.15-.016-3.674c-.895-1.525-2.34-2.35-3.23-1.848c-.894.508-.89 2.15.01 3.674c.896 1.525 2.34 2.356 3.23 1.853zm12.35-10.625c.9 1.55.9 3.224.017 3.732c-.884.514-2.33-.328-3.23-1.885c-.89-1.55-.9-3.224-.016-3.732c.89-.514 2.33.328 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.172 4.853c0 1.022-1.424 1.853-3.177 1.853c-1.752 0-3.176-.831-3.176-1.853S10.249 3 11.995 3c1.748 0 3.177.831 3.177 1.853m0 14.294c0 1.022-1.424 1.853-3.177 1.853c-1.752 0-3.176-.831-3.176-1.853s1.43-1.853 3.176-1.853c1.748 0 3.177.831 3.177 1.853M7.416 9.432c.9-1.55.905-3.23.021-3.737c-.89-.514-2.33.333-3.23 1.884c-.9 1.552-.9 3.23-.02 3.738c.89.508 2.33-.334 3.23-1.885m12.378 3.246c.89.503.884 2.149-.01 3.674c-.9 1.524-2.346 2.35-3.23 1.847c-.895-.503-.89-2.15.005-3.674c.9-1.524 2.345-2.35 3.235-1.847M7.443 18.21c.889-.503.884-2.15-.016-3.674c-.895-1.525-2.34-2.35-3.23-1.848c-.894.508-.89 2.15.01 3.674c.896 1.525 2.34 2.356 3.23 1.853zm12.35-10.625c.9 1.55.9 3.224.017 3.732c-.884.514-2.33-.328-3.23-1.885c-.89-1.55-.9-3.224-.016-3.732c.89-.514 2.33.328 3.23 1.885"/></svg> </template>
CSS
.icon-dot {
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.172%204.853c0%201.022-1.424%201.853-3.177%201.853c-1.752%200-3.176-.831-3.176-1.853S10.249%203%2011.995%203c1.748%200%203.177.831%203.177%201.853m0%2014.294c0%201.022-1.424%201.853-3.177%201.853c-1.752%200-3.176-.831-3.176-1.853s1.43-1.853%203.176-1.853c1.748%200%203.177.831%203.177%201.853M7.416%209.432c.9-1.55.905-3.23.021-3.737c-.89-.514-2.33.333-3.23%201.884c-.9%201.552-.9%203.23-.02%203.738c.89.508%202.33-.334%203.23-1.885m12.378%203.246c.89.503.884%202.149-.01%203.674c-.9%201.524-2.346%202.35-3.23%201.847c-.895-.503-.89-2.15.005-3.674c.9-1.524%202.345-2.35%203.235-1.847M7.443%2018.21c.889-.503.884-2.15-.016-3.674c-.895-1.525-2.34-2.35-3.23-1.848c-.894.508-.89%202.15.01%203.674c.896%201.525%202.34%202.356%203.23%201.853zm12.35-10.625c.9%201.55.9%203.224.017%203.732c-.884.514-2.33-.328-3.23-1.885c-.89-1.55-.9-3.224-.016-3.732c.89-.514%202.33.328%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.172%204.853c0%201.022-1.424%201.853-3.177%201.853c-1.752%200-3.176-.831-3.176-1.853S10.249%203%2011.995%203c1.748%200%203.177.831%203.177%201.853m0%2014.294c0%201.022-1.424%201.853-3.177%201.853c-1.752%200-3.176-.831-3.176-1.853s1.43-1.853%203.176-1.853c1.748%200%203.177.831%203.177%201.853M7.416%209.432c.9-1.55.905-3.23.021-3.737c-.89-.514-2.33.333-3.23%201.884c-.9%201.552-.9%203.23-.02%203.738c.89.508%202.33-.334%203.23-1.885m12.378%203.246c.89.503.884%202.149-.01%203.674c-.9%201.524-2.346%202.35-3.23%201.847c-.895-.503-.89-2.15.005-3.674c.9-1.524%202.345-2.35%203.235-1.847M7.443%2018.21c.889-.503.884-2.15-.016-3.674c-.895-1.525-2.34-2.35-3.23-1.848c-.894.508-.89%202.15.01%203.674c.896%201.525%202.34%202.356%203.23%201.853zm12.35-10.625c.9%201.55.9%203.224.017%203.732c-.884.514-2.33-.328-3.23-1.885c-.89-1.55-.9-3.224-.016-3.732c.89-.514%202.33.328%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/dot.svg?color=%231a73e8&size=48
