dotjs logo
dotjs from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- dotjs
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 400×400
- License
- MIT
Use the dotjs logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 400 400"><g fill="#2196f3" fill-opacity=".604" transform="translate(-6.66 100.49)"><ellipse cx="37.18" cy="-256.97" rx="110.14" ry="139.47" transform="matrix(-.3005 .95378 -.96071 -.27755 0 0)"/><ellipse cx="38.835" cy="-197.03" rx="110.14" ry="139.47" transform="matrix(-.3005 .95378 -.96071 -.27755 0 0)"/><ellipse cx="-224.78" cy="-5.066" rx="110.14" ry="139.47" transform="matrix(-.95378 -.3005 .27755 -.96071 0 0)"/><ellipse cx="-228.55" cy="-60.291" rx="110.14" ry="139.47" transform="matrix(-.95378 -.3005 .27755 -.96071 0 0)"/></g></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeDotjs(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 400 400"><g fill="#2196f3" fillOpacity=".604" transform="translate(-6.66 100.49)"><ellipse cx="37.18" cy="-256.97" rx="110.14" ry="139.47" transform="matrix(-.3005 .95378 -.96071 -.27755 0 0)"/><ellipse cx="38.835" cy="-197.03" rx="110.14" ry="139.47" transform="matrix(-.3005 .95378 -.96071 -.27755 0 0)"/><ellipse cx="-224.78" cy="-5.066" rx="110.14" ry="139.47" transform="matrix(-.95378 -.3005 .27755 -.96071 0 0)"/><ellipse cx="-228.55" cy="-60.291" rx="110.14" ry="139.47" transform="matrix(-.95378 -.3005 .27755 -.96071 0 0)"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 400 400"><g fill="#2196f3" fill-opacity=".604" transform="translate(-6.66 100.49)"><ellipse cx="37.18" cy="-256.97" rx="110.14" ry="139.47" transform="matrix(-.3005 .95378 -.96071 -.27755 0 0)"/><ellipse cx="38.835" cy="-197.03" rx="110.14" ry="139.47" transform="matrix(-.3005 .95378 -.96071 -.27755 0 0)"/><ellipse cx="-224.78" cy="-5.066" rx="110.14" ry="139.47" transform="matrix(-.95378 -.3005 .27755 -.96071 0 0)"/><ellipse cx="-228.55" cy="-60.291" rx="110.14" ry="139.47" transform="matrix(-.95378 -.3005 .27755 -.96071 0 0)"/></g></svg> </template>
CSS
.icon-dotjs {
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%20400%20400%22%3E%3Cg%20fill%3D%22%232196f3%22%20fill-opacity%3D%22.604%22%20transform%3D%22translate(-6.66%20100.49)%22%3E%3Cellipse%20cx%3D%2237.18%22%20cy%3D%22-256.97%22%20rx%3D%22110.14%22%20ry%3D%22139.47%22%20transform%3D%22matrix(-.3005%20.95378%20-.96071%20-.27755%200%200)%22%2F%3E%3Cellipse%20cx%3D%2238.835%22%20cy%3D%22-197.03%22%20rx%3D%22110.14%22%20ry%3D%22139.47%22%20transform%3D%22matrix(-.3005%20.95378%20-.96071%20-.27755%200%200)%22%2F%3E%3Cellipse%20cx%3D%22-224.78%22%20cy%3D%22-5.066%22%20rx%3D%22110.14%22%20ry%3D%22139.47%22%20transform%3D%22matrix(-.95378%20-.3005%20.27755%20-.96071%200%200)%22%2F%3E%3Cellipse%20cx%3D%22-228.55%22%20cy%3D%22-60.291%22%20rx%3D%22110.14%22%20ry%3D%22139.47%22%20transform%3D%22matrix(-.95378%20-.3005%20.27755%20-.96071%200%200)%22%2F%3E%3C%2Fg%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%20400%20400%22%3E%3Cg%20fill%3D%22%232196f3%22%20fill-opacity%3D%22.604%22%20transform%3D%22translate(-6.66%20100.49)%22%3E%3Cellipse%20cx%3D%2237.18%22%20cy%3D%22-256.97%22%20rx%3D%22110.14%22%20ry%3D%22139.47%22%20transform%3D%22matrix(-.3005%20.95378%20-.96071%20-.27755%200%200)%22%2F%3E%3Cellipse%20cx%3D%2238.835%22%20cy%3D%22-197.03%22%20rx%3D%22110.14%22%20ry%3D%22139.47%22%20transform%3D%22matrix(-.3005%20.95378%20-.96071%20-.27755%200%200)%22%2F%3E%3Cellipse%20cx%3D%22-224.78%22%20cy%3D%22-5.066%22%20rx%3D%22110.14%22%20ry%3D%22139.47%22%20transform%3D%22matrix(-.95378%20-.3005%20.27755%20-.96071%200%200)%22%2F%3E%3Cellipse%20cx%3D%22-228.55%22%20cy%3D%22-60.291%22%20rx%3D%22110.14%22%20ry%3D%22139.47%22%20transform%3D%22matrix(-.95378%20-.3005%20.27755%20-.96071%200%200)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/dotjs.svg?color=%231a73e8&size=48
