microdotblog logo

microdotblog from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
microdotblog
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the microdotblog logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.4 0 0 4.9 0 10.95S5.4 21.9 12 21.9c1.4 0 2.85-.25 4.2-.7c.15-.05.35 0 .45.1c1 1.35 2.55 2.3 4.25 2.7l.25-.1v-.3a4.65 4.65 0 0 1 .2-5.9C22.9 15.85 24 13.5 24 10.95C24 4.9 18.55 0 12 0m-.05 5.2c.15 0 .3.1.35.25L13.55 9l3.85.1c.15 0 .3.1.35.2c.05.15 0 .3-.15.4L14.55 12l1.1 3.6c.05.15 0 .3-.15.4h-.4l-3.15-2.15L8.8 16h-.4c-.15-.1-.2-.25-.15-.4l1.1-3.6L6.3 9.7c-.15-.1-.2-.25-.15-.4c.05-.1.2-.2.35-.2l3.85-.1l1.25-3.55c.05-.15.2-.25.35-.25"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsMicrodotblog(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 0C5.4 0 0 4.9 0 10.95S5.4 21.9 12 21.9c1.4 0 2.85-.25 4.2-.7c.15-.05.35 0 .45.1c1 1.35 2.55 2.3 4.25 2.7l.25-.1v-.3a4.65 4.65 0 0 1 .2-5.9C22.9 15.85 24 13.5 24 10.95C24 4.9 18.55 0 12 0m-.05 5.2c.15 0 .3.1.35.25L13.55 9l3.85.1c.15 0 .3.1.35.2c.05.15 0 .3-.15.4L14.55 12l1.1 3.6c.05.15 0 .3-.15.4h-.4l-3.15-2.15L8.8 16h-.4c-.15-.1-.2-.25-.15-.4l1.1-3.6L6.3 9.7c-.15-.1-.2-.25-.15-.4c.05-.1.2-.2.35-.2l3.85-.1l1.25-3.55c.05-.15.2-.25.35-.25"/></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 0C5.4 0 0 4.9 0 10.95S5.4 21.9 12 21.9c1.4 0 2.85-.25 4.2-.7c.15-.05.35 0 .45.1c1 1.35 2.55 2.3 4.25 2.7l.25-.1v-.3a4.65 4.65 0 0 1 .2-5.9C22.9 15.85 24 13.5 24 10.95C24 4.9 18.55 0 12 0m-.05 5.2c.15 0 .3.1.35.25L13.55 9l3.85.1c.15 0 .3.1.35.2c.05.15 0 .3-.15.4L14.55 12l1.1 3.6c.05.15 0 .3-.15.4h-.4l-3.15-2.15L8.8 16h-.4c-.15-.1-.2-.25-.15-.4l1.1-3.6L6.3 9.7c-.15-.1-.2-.25-.15-.4c.05-.1.2-.2.35-.2l3.85-.1l1.25-3.55c.05-.15.2-.25.35-.25"/></svg>
</template>

CSS

.icon-microdotblog {
  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%200C5.4%200%200%204.9%200%2010.95S5.4%2021.9%2012%2021.9c1.4%200%202.85-.25%204.2-.7c.15-.05.35%200%20.45.1c1%201.35%202.55%202.3%204.25%202.7l.25-.1v-.3a4.65%204.65%200%200%201%20.2-5.9C22.9%2015.85%2024%2013.5%2024%2010.95C24%204.9%2018.55%200%2012%200m-.05%205.2c.15%200%20.3.1.35.25L13.55%209l3.85.1c.15%200%20.3.1.35.2c.05.15%200%20.3-.15.4L14.55%2012l1.1%203.6c.05.15%200%20.3-.15.4h-.4l-3.15-2.15L8.8%2016h-.4c-.15-.1-.2-.25-.15-.4l1.1-3.6L6.3%209.7c-.15-.1-.2-.25-.15-.4c.05-.1.2-.2.35-.2l3.85-.1l1.25-3.55c.05-.15.2-.25.35-.25%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%200C5.4%200%200%204.9%200%2010.95S5.4%2021.9%2012%2021.9c1.4%200%202.85-.25%204.2-.7c.15-.05.35%200%20.45.1c1%201.35%202.55%202.3%204.25%202.7l.25-.1v-.3a4.65%204.65%200%200%201%20.2-5.9C22.9%2015.85%2024%2013.5%2024%2010.95C24%204.9%2018.55%200%2012%200m-.05%205.2c.15%200%20.3.1.35.25L13.55%209l3.85.1c.15%200%20.3.1.35.2c.05.15%200%20.3-.15.4L14.55%2012l1.1%203.6c.05.15%200%20.3-.15.4h-.4l-3.15-2.15L8.8%2016h-.4c-.15-.1-.2-.25-.15-.4l1.1-3.6L6.3%209.7c-.15-.1-.2-.25-.15-.4c.05-.1.2-.2.35-.2l3.85-.1l1.25-3.55c.05-.15.2-.25.35-.25%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/microdotblog.svg?color=%231a73e8&size=48