Table of Contents
nanoscopic - Mouse Click Icons
To be able to visualize mouse clicks in various documentation, I've needed some icons. To not get bothered by copyright stuff, I've created my own simple icon set.
License
nanoscopic - Mouse Click Icons by Heiko Mischer are licensed under Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International.
<a href="https://wiki.nanoscopic.de/doku.php/tools/graphics/nanoscopic_-_mouse_click_icons" target="_blank">nanoscopic - Mouse Click Icons</a> by <a href="https://www.nanoscopic.de/" target="_blank">Heiko Mischer</a> licensed under <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/?ref=chooser-v1" target="_blank">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International</a>
Get nanoscopic - Mouse Click Icons
You can find the repository and download the source SVG at Codeberg:
Icons Preview
| icons (22 x 25 px) | wiki syntax |
|---|---|
 | {{:tools:graphics:mc22x25-none.png?nolink|no mouse button pressed}} |
 | {{:tools:graphics:mc22x25-l.png?nolink|left mouse button pressed}} |
 | {{:tools:graphics:mc22x25-m.png?nolink|mouse wheel or middle mouse button pressed}} |
 | {{:tools:graphics:mc22x25-r.png?nolink|right mouse button pressed}} |
 | {{:tools:graphics:mc22x25-lm.png?nolink|left and middle mouse buttons pressed}} |
 | {{:tools:graphics:mc22x25-mr.png?nolink|middle and right mouse buttons pressed}} |
 | {{:tools:graphics:mc22x25-lr.png?nolink|left and right mouse buttons pressed}} |
 | {{:tools:graphics:mc22x25-lmr.png?nolink|left, middle and right mouse buttons pressed}} |
HowTo (and sample usage)
Just open the source file with inkscape and then:
- left click
one of the icons - in the file menu of inkscape left click 'File'
- now left click 'Export PNG Image' to open the Export PNG Pane
- choose export settings
- left click 'Export'
If you want to change the colors:
- Each icon is a group of objects, which has a transparent rectangle as background.
- To ungroup simply select an icon by left clicking it and then press CTRL+SHIFT+G
- Before exporting to PNG, do not forget to regroup all objects resembling an icon (including the transparent backround rectangle) by selecting them and pressing CTRL+G.
~~DISCUSSION~~