dot logo

dot from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.

Name: dot
Set: Web3 Icons Branded
Style: Branded
Viewbox: 24×24
License: MIT

1 other variant in Web3 Icons Branded

The same logo in other sets

dotBootstrap Icons dotHuge Icons dotIconPark dotIconPark Outline dotLucide dot-16Octicons dotPhosphor dotRadix Icons dotWeb3 Icons

Use the dot logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#e6007a" 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.889.508 2.329-.334 3.229-1.885m12.378 3.246c.889.503.884 2.149-.011 3.674c-.9 1.524-2.345 2.35-3.23 1.847c-.894-.503-.889-2.15.006-3.674c.9-1.524 2.345-2.35 3.235-1.847M7.442 18.21c.89-.503.885-2.15-.015-3.674c-.895-1.525-2.34-2.35-3.23-1.848c-.895.508-.89 2.15.01 3.674c.895 1.525 2.34 2.356 3.23 1.853zM19.794 7.585c.9 1.55.9 3.224.015 3.732c-.884.514-2.329-.328-3.229-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 TokenBrandedDot(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#e6007a" 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.889.508 2.329-.334 3.229-1.885m12.378 3.246c.889.503.884 2.149-.011 3.674c-.9 1.524-2.345 2.35-3.23 1.847c-.894-.503-.889-2.15.006-3.674c.9-1.524 2.345-2.35 3.235-1.847M7.442 18.21c.89-.503.885-2.15-.015-3.674c-.895-1.525-2.34-2.35-3.23-1.848c-.895.508-.89 2.15.01 3.674c.895 1.525 2.34 2.356 3.23 1.853zM19.794 7.585c.9 1.55.9 3.224.015 3.732c-.884.514-2.329-.328-3.229-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="#e6007a" 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.889.508 2.329-.334 3.229-1.885m12.378 3.246c.889.503.884 2.149-.011 3.674c-.9 1.524-2.345 2.35-3.23 1.847c-.894-.503-.889-2.15.006-3.674c.9-1.524 2.345-2.35 3.235-1.847M7.442 18.21c.89-.503.885-2.15-.015-3.674c-.895-1.525-2.34-2.35-3.23-1.848c-.895.508-.89 2.15.01 3.674c.895 1.525 2.34 2.356 3.23 1.853zM19.794 7.585c.9 1.55.9 3.224.015 3.732c-.884.514-2.329-.328-3.229-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%22%23e6007a%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.889.508%202.329-.334%203.229-1.885m12.378%203.246c.889.503.884%202.149-.011%203.674c-.9%201.524-2.345%202.35-3.23%201.847c-.894-.503-.889-2.15.006-3.674c.9-1.524%202.345-2.35%203.235-1.847M7.442%2018.21c.89-.503.885-2.15-.015-3.674c-.895-1.525-2.34-2.35-3.23-1.848c-.895.508-.89%202.15.01%203.674c.895%201.525%202.34%202.356%203.23%201.853zM19.794%207.585c.9%201.55.9%203.224.015%203.732c-.884.514-2.329-.328-3.229-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%22%23e6007a%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.889.508%202.329-.334%203.229-1.885m12.378%203.246c.889.503.884%202.149-.011%203.674c-.9%201.524-2.345%202.35-3.23%201.847c-.894-.503-.889-2.15.006-3.674c.9-1.524%202.345-2.35%203.235-1.847M7.442%2018.21c.89-.503.885-2.15-.015-3.674c-.895-1.525-2.34-2.35-3.23-1.848c-.895.508-.89%202.15.01%203.674c.895%201.525%202.34%202.356%203.23%201.853zM19.794%207.585c.9%201.55.9%203.224.015%203.732c-.884.514-2.329-.328-3.229-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-branded/dot.svg?color=%231a73e8&size=48