Micrometer

A micrometer.

File: micrometer.svg
viewBox: 0 0 542.8 1008.4
Weight: 2 KB

96px

160px

240px +

Use it

React

import { Illustration } from '@ba-icons/react';
import micrometer from '@ba-icons/illustrations/engineering/micrometer';

<Illustration asset={micrometer} size={160} />

Vue

<script setup>
import { Illustration } from '@ba-icons/vue';
import micrometer from '@ba-icons/illustrations/engineering/micrometer';
</script>

<template>
  <Illustration :asset="micrometer" :size="160" />
</template>

Astro

---
import { Illustration } from '@ba-icons/astro';
import micrometer from '@ba-icons/illustrations/engineering/micrometer';
---

<Illustration asset={micrometer} size={160} />

HTML

<script src="https://icons.atmosphere.africa/cdn/ba-icons-0.4.0.js" defer></script>

<ba-illustration name="engineering/micrometer" size="160"></ba-illustration>

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 542.8 1008.4" fill="currentColor"><path d="M405.4 988Q398.4 986 392.4 980Q387.4 975 386.4 969.5Q385.4 964 385.4 943Q385.4 919 383.4 919Q381.4 919 375.4 917Q372.4 915 367.4 911.5Q362.4 908 358.4 903.5Q354.4 899 352.4 895Q347.4 885 345.4 873.5Q343.4 862 338.4 810L332.4 745L343.4 664Q354.4 583 355.9 578Q357.4 573 359.9 569Q362.4 565 362.4 549.5Q362.4 534 360.4 532L358.4 530L306.4 529Q254.4 529 250.9 528Q247.4 527 232.4 526Q153.4 515 96.9 462Q40.4 409 24.4 329Q19.4 304 19.4 272.5Q19.4 241 25.4 215Q35.4 166 63.4 125.5Q91.4 85 130.4 59Q175.4 31 232.4 22Q248.4 20 289.9 19.5Q331.4 19 337.4 21Q352.4 25 367.4 43Q373.4 50 374.9 51Q376.4 52 433.4 53H491.4V130V208H480.4H470.4V217Q470.4 225 469.4 229Q466.4 238 455.4 244L450.4 247H428.4Q405.4 247 401.4 245Q392.4 240 388.4 232Q385.4 227 385.4 217V208H328.4Q271.4 208 264.4 209Q250.4 212 239.9 221Q229.4 230 223.9 243.5Q218.4 257 218.4 274Q218.4 291 223.9 304Q229.4 317 239.4 326Q249.4 335 263.4 338Q268.4 339 326.4 340H385.4V310Q386.4 280 388.4 276Q393.4 267 402.4 263Q406.4 261 427.9 261Q449.4 261 453.4 263Q463.4 267 468.4 277Q470.4 282 470.4 311V340H478.4Q500.4 341 509.4 359L511.4 364V446V529H501.4H491.4V546V562L494.4 567Q497.4 571 499.4 577Q501.4 583 512.4 664L523.4 745L517.4 810Q511.4 875 509.4 881Q504.4 901 488.4 912Q479.4 919 472.4 919Q470.4 919 470.4 943Q470.4 964 469.4 970Q468.4 976 462.4 981.5Q456.4 987 451.4 988Q446.4 989 428.4 989Q407.4 989 405.4 988ZM437.4 939V920H428.4H420.4V939V957H428.4H437.4ZM470.4 884Q475.4 880 476.9 868.5Q478.4 857 483.4 807L488.4 745L478.4 667Q467.4 590 466.9 588Q466.4 586 427.9 586Q389.4 586 388.9 588Q388.4 590 378.4 667L367.4 745L372.4 802Q377.4 859 378.4 866Q380.4 882 386.4 886Q388.4 887 428.4 887H467.4ZM457.4 537Q457.4 519 459.4 515Q463.4 504 473.4 500L477.4 498V435V372H372.4Q267.4 372 258.4 370Q199.4 359 185.4 295Q183.4 288 183.9 273Q184.4 258 185.4 251Q192.4 223 209.9 204Q227.4 185 252.4 179Q265.4 175 366.4 175H456.4V130V85H416.4Q376.4 85 371.4 84Q355.4 82 338.4 61Q332.4 53 328.4 52Q324.4 51 303.4 51Q248.4 50 212.4 59Q183.4 67 157.9 81.5Q132.4 96 112.9 116.5Q93.4 137 79.9 163.5Q66.4 190 59.4 220Q44.4 283 63.4 345Q86.4 420 148.4 461Q186.4 486 238.4 494Q252.4 496 307.4 496L362.4 497L369.4 500Q397.4 509 397.4 544V555H427.4H456.4ZM437.4 317V293H428.4H420.4V317V340H428.4H437.4ZM437.4 211V208H428.4H420.4V211V215H428.4H437.4Z"></path></svg>

From the CDN

Link to the file instead of installing it: for <img>, CSS, emails and docs, with nothing added to your bundle. Served with CORS and cached for an hour.

https://icons.atmosphere.africa/svg/engineering/micrometer.svg

<img src="https://icons.atmosphere.africa/svg/engineering/micrometer.svg" alt="Micrometer" width="160">

import { illustrationUrl } from '@ba-icons/illustrations';

illustrationUrl('engineering/micrometer');
// → https://icons.atmosphere.africa/svg/engineering/micrometer.svg

As an <img> it draws in black. To give it the text colour, use it as a mask:

.mark {
  background-color: currentColor;
  mask: url('https://icons.atmosphere.africa/svg/engineering/micrometer.svg') center / contain no-repeat;
}

New to the packages? Point your project at the registry first.