13 px
26 px
39 px
inverse
Mouse
mouse
Devicev1mouse
Spotted something off? Open it in the editor, fix the pixels, and submit the change for review — no account needed.
SVG
<!-- termina · mouse · v1 -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13" width="13" height="13" shape-rendering="crispEdges" fill="currentColor">
<rect x="5" y="1" width="3" height="1"/>
<rect x="4" y="2" width="1" height="1"/>
<rect x="8" y="2" width="1" height="1"/>
<rect x="3" y="3" width="1" height="1"/>
<rect x="6" y="3" width="1" height="1"/>
<rect x="9" y="3" width="1" height="1"/>
<rect x="3" y="4" width="1" height="1"/>
<rect x="6" y="4" width="1" height="1"/>
<rect x="9" y="4" width="1" height="1"/>
<rect x="3" y="5" width="1" height="1"/>
<rect x="9" y="5" width="1" height="1"/>
<rect x="3" y="6" width="1" height="1"/>
<rect x="9" y="6" width="1" height="1"/>
<rect x="3" y="7" width="1" height="1"/>
<rect x="9" y="7" width="1" height="1"/>
<rect x="3" y="8" width="1" height="1"/>
<rect x="9" y="8" width="1" height="1"/>
<rect x="3" y="9" width="1" height="1"/>
<rect x="9" y="9" width="1" height="1"/>
<rect x="4" y="10" width="1" height="1"/>
<rect x="8" y="10" width="1" height="1"/>
<rect x="5" y="11" width="3" height="1"/>
</svg>React — termina-icons
import { Mouse } from "termina-icons";
<Mouse size={24} />Sprite reference — no build step
<svg width="26" height="26" fill="currentColor">
<use href="/api/sprite.svg#termina-mouse" />
</svg>Bitmap — 169 characters
0000000000000000001110000000001000100000001001001000000100100100000010000010000001000001000000100000100000010000010000001000001000000010001000000000111000000000000000000