microstation logo

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

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

Use the microstation logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M24 .357c-.938.217-3.086.22-3.631 1.15l-.55.922c-1.376 2.348-4.833 11.069-8.183 11.181c-3.35.113 1.762-10.712 2.27-11.797c-2.08.489-4.078.193-4.826 2.326c-.775 2.212-1.54 4.425-2.363 6.62c-1.71 4.532-3.795 8.89-6.634 12.767c.064-.086.127-.171-.083.117c2.111-.422 4.03-.352 5.295-2.253c1.17-1.759 1.92-3.73 2.712-5.68l.377-.927l.303.286c3.017 2.844 5.334 0 7.697-2.219l.349-.327l1.322 4.977l2.932-3.144a34 34 0 0 1-.713-1.342l-.037-.08C18.302 8.742 21.6 3.935 23.861.566Z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsMicrostation(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="M24 .357c-.938.217-3.086.22-3.631 1.15l-.55.922c-1.376 2.348-4.833 11.069-8.183 11.181c-3.35.113 1.762-10.712 2.27-11.797c-2.08.489-4.078.193-4.826 2.326c-.775 2.212-1.54 4.425-2.363 6.62c-1.71 4.532-3.795 8.89-6.634 12.767c.064-.086.127-.171-.083.117c2.111-.422 4.03-.352 5.295-2.253c1.17-1.759 1.92-3.73 2.712-5.68l.377-.927l.303.286c3.017 2.844 5.334 0 7.697-2.219l.349-.327l1.322 4.977l2.932-3.144a34 34 0 0 1-.713-1.342l-.037-.08C18.302 8.742 21.6 3.935 23.861.566Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M24 .357c-.938.217-3.086.22-3.631 1.15l-.55.922c-1.376 2.348-4.833 11.069-8.183 11.181c-3.35.113 1.762-10.712 2.27-11.797c-2.08.489-4.078.193-4.826 2.326c-.775 2.212-1.54 4.425-2.363 6.62c-1.71 4.532-3.795 8.89-6.634 12.767c.064-.086.127-.171-.083.117c2.111-.422 4.03-.352 5.295-2.253c1.17-1.759 1.92-3.73 2.712-5.68l.377-.927l.303.286c3.017 2.844 5.334 0 7.697-2.219l.349-.327l1.322 4.977l2.932-3.144a34 34 0 0 1-.713-1.342l-.037-.08C18.302 8.742 21.6 3.935 23.861.566Z"/></svg>
</template>

CSS

.icon-microstation {
  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%22M24%20.357c-.938.217-3.086.22-3.631%201.15l-.55.922c-1.376%202.348-4.833%2011.069-8.183%2011.181c-3.35.113%201.762-10.712%202.27-11.797c-2.08.489-4.078.193-4.826%202.326c-.775%202.212-1.54%204.425-2.363%206.62c-1.71%204.532-3.795%208.89-6.634%2012.767c.064-.086.127-.171-.083.117c2.111-.422%204.03-.352%205.295-2.253c1.17-1.759%201.92-3.73%202.712-5.68l.377-.927l.303.286c3.017%202.844%205.334%200%207.697-2.219l.349-.327l1.322%204.977l2.932-3.144a34%2034%200%200%201-.713-1.342l-.037-.08C18.302%208.742%2021.6%203.935%2023.861.566Z%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%22M24%20.357c-.938.217-3.086.22-3.631%201.15l-.55.922c-1.376%202.348-4.833%2011.069-8.183%2011.181c-3.35.113%201.762-10.712%202.27-11.797c-2.08.489-4.078.193-4.826%202.326c-.775%202.212-1.54%204.425-2.363%206.62c-1.71%204.532-3.795%208.89-6.634%2012.767c.064-.086.127-.171-.083.117c2.111-.422%204.03-.352%205.295-2.253c1.17-1.759%201.92-3.73%202.712-5.68l.377-.927l.303.286c3.017%202.844%205.334%200%207.697-2.219l.349-.327l1.322%204.977l2.932-3.144a34%2034%200%200%201-.713-1.342l-.037-.08C18.302%208.742%2021.6%203.935%2023.861.566Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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