Monitor Cog icon
A hand-drawn monitor cog icon that animates on its own: an SVG on a 24px grid in thin, regular and bold strokes. Free to download and use in the apps you build (LumioUI License). It takes your text colour through currentColor.
- Category
- Devices
- Grid
- 24 × 24
- Strokes
- 1.5 · 2 · 2.5
- Name
monitor-cog
Stroke weights and sizes
Use it in React Native
Paste the SVG into react-native-svg's SvgXml. The Icon component covers a curated set by name, and Animated Icons plays the motion natively.
TSX MonitorCogIcon.tsx
import { SvgXml } from "react-native-svg";
const MonitorCogIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" x="2.6" y="4" width="18.8" height="12.6" rx="2.6"></rect><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M10.2 16.6L9.4 20.4M13.8 16.6L14.6 20.4"></path><line stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" x1="7.8" y1="20.7" x2="16.2" y2="20.7"></line><g><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M15.1 9.98Q14.9 10.2 14.78 10.29Q14.66 10.37 14.55 10.45Q14.45 10.52 14.38 10.59Q14.32 10.65 14.3 10.73Q14.29 10.8 14.31 10.89Q14.34 10.98 14.41 11.09Q14.47 11.2 14.54 11.33Q14.61 11.46 14.67 11.6Q14.73 11.74 14.76 11.88Q14.79 12.02 14.77 12.14Q14.75 12.26 14.68 12.34Q14.62 12.43 14.5 12.47Q14.39 12.52 14.25 12.52Q14.11 12.52 13.96 12.5Q13.81 12.47 13.66 12.43Q13.52 12.38 13.4 12.35Q13.28 12.31 13.18 12.3Q13.09 12.3 13.03 12.33Q12.96 12.36 12.91 12.44Q12.85 12.52 12.8 12.63Q12.76 12.75 12.71 12.89Q12.65 13.03 12.57 13.16Q12.5 13.3 12.41 13.41Q12.32 13.51 12.21 13.57Q12.11 13.63 12 13.63Q11.89 13.63 11.79 13.57Q11.68 13.51 11.59 13.41Q11.5 13.3 11.43 13.16Q11.35 13.03 11.29 12.89Q11.24 12.75 11.2 12.63Q11.15 12.52 11.09 12.44Q11.04 12.36 10.97 12.33Q10.91 12.3 10.82 12.3Q10.72 12.31 10.6 12.35Q10.48 12.38 10.34 12.43Q10.19 12.47 10.04 12.5Q9.89 12.52 9.75 12.52Q9.61 12.52 9.5 12.47Q9.38 12.43 9.32 12.34Q9.25 12.26 9.23 12.14Q9.21 12.02 9.24 11.88Q9.27 11.74 9.33 11.6Q9.39 11.46 9.46 11.33Q9.53 11.2 9.59 11.09Q9.66 10.98 9.69 10.89Q9.71 10.8 9.7 10.73Q9.68 10.65 9.62 10.59Q9.55 10.52 9.45 10.45Q9.34 10.37 9.22 10.29Q9.1 10.2 8.98 10.1Q8.87 10 8.79 9.88Q8.7 9.77 8.66 9.65Q8.63 9.54 8.66 9.43Q8.68 9.33 8.76 9.24Q8.84 9.15 8.96 9.09Q9.09 9.02 9.24 8.98Q9.39 8.94 9.54 8.91Q9.68 8.89 9.8 8.87Q9.93 8.85 10.02 8.82Q10.11 8.79 10.15 8.73Q10.2 8.67 10.21 8.57Q10.23 8.48 10.22 8.36Q10.21 8.23 10.2 8.08Q10.19 7.93 10.2 7.78Q10.2 7.63 10.23 7.49Q10.27 7.35 10.34 7.25Q10.41 7.15 10.51 7.11Q10.61 7.06 10.73 7.06Q10.85 7.07 10.98 7.13Q11.11 7.19 11.23 7.28Q11.35 7.37 11.46 7.47Q11.58 7.57 11.67 7.66Q11.76 7.74 11.84 7.79Q11.92 7.84 12 7.84Q12.08 7.84 12.16 7.79Q12.24 7.74 12.33 7.66Q12.42 7.57 12.54 7.47Q12.65 7.37 12.77 7.28Q12.89 7.19 13.02 7.13Q13.15 7.07 13.27 7.06Q13.39 7.06 13.49 7.11Q13.59 7.15 13.66 7.25Q13.73 7.35 13.77 7.49Q13.8 7.63 13.8 7.78Q13.81 7.93 13.8 8.08Q13.79 8.23 13.78 8.36Q13.77 8.48 13.79 8.57Q13.8 8.67 13.85 8.73Q13.89 8.79 13.98 8.82Q14.07 8.85 14.2 8.87Q14.32 8.89 14.46 8.91Q14.61 8.94 14.76 8.98Q14.91 9.02 15.04 9.09Q15.16 9.15 15.24 9.24Q15.32 9.33 15.34 9.43Q15.37 9.54 15.34 9.65Q15.3 9.77 15.1 9.98Z"></path><circle stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" cx="12" cy="10.2" r="1"></circle></g></svg>`;
<SvgXml xml={MonitorCogIcon} width={24} height={24} color="#111" />SVG code
The still glyph. The animated version, linked above, plays its motion on its own with SMIL, so it needs no script.
SVG monitor-cog.svg
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" x="2.6" y="4" width="18.8" height="12.6" rx="2.6"></rect><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M10.2 16.6L9.4 20.4M13.8 16.6L14.6 20.4"></path><line stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" x1="7.8" y1="20.7" x2="16.2" y2="20.7"></line><g><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M15.1 9.98Q14.9 10.2 14.78 10.29Q14.66 10.37 14.55 10.45Q14.45 10.52 14.38 10.59Q14.32 10.65 14.3 10.73Q14.29 10.8 14.31 10.89Q14.34 10.98 14.41 11.09Q14.47 11.2 14.54 11.33Q14.61 11.46 14.67 11.6Q14.73 11.74 14.76 11.88Q14.79 12.02 14.77 12.14Q14.75 12.26 14.68 12.34Q14.62 12.43 14.5 12.47Q14.39 12.52 14.25 12.52Q14.11 12.52 13.96 12.5Q13.81 12.47 13.66 12.43Q13.52 12.38 13.4 12.35Q13.28 12.31 13.18 12.3Q13.09 12.3 13.03 12.33Q12.96 12.36 12.91 12.44Q12.85 12.52 12.8 12.63Q12.76 12.75 12.71 12.89Q12.65 13.03 12.57 13.16Q12.5 13.3 12.41 13.41Q12.32 13.51 12.21 13.57Q12.11 13.63 12 13.63Q11.89 13.63 11.79 13.57Q11.68 13.51 11.59 13.41Q11.5 13.3 11.43 13.16Q11.35 13.03 11.29 12.89Q11.24 12.75 11.2 12.63Q11.15 12.52 11.09 12.44Q11.04 12.36 10.97 12.33Q10.91 12.3 10.82 12.3Q10.72 12.31 10.6 12.35Q10.48 12.38 10.34 12.43Q10.19 12.47 10.04 12.5Q9.89 12.52 9.75 12.52Q9.61 12.52 9.5 12.47Q9.38 12.43 9.32 12.34Q9.25 12.26 9.23 12.14Q9.21 12.02 9.24 11.88Q9.27 11.74 9.33 11.6Q9.39 11.46 9.46 11.33Q9.53 11.2 9.59 11.09Q9.66 10.98 9.69 10.89Q9.71 10.8 9.7 10.73Q9.68 10.65 9.62 10.59Q9.55 10.52 9.45 10.45Q9.34 10.37 9.22 10.29Q9.1 10.2 8.98 10.1Q8.87 10 8.79 9.88Q8.7 9.77 8.66 9.65Q8.63 9.54 8.66 9.43Q8.68 9.33 8.76 9.24Q8.84 9.15 8.96 9.09Q9.09 9.02 9.24 8.98Q9.39 8.94 9.54 8.91Q9.68 8.89 9.8 8.87Q9.93 8.85 10.02 8.82Q10.11 8.79 10.15 8.73Q10.2 8.67 10.21 8.57Q10.23 8.48 10.22 8.36Q10.21 8.23 10.2 8.08Q10.19 7.93 10.2 7.78Q10.2 7.63 10.23 7.49Q10.27 7.35 10.34 7.25Q10.41 7.15 10.51 7.11Q10.61 7.06 10.73 7.06Q10.85 7.07 10.98 7.13Q11.11 7.19 11.23 7.28Q11.35 7.37 11.46 7.47Q11.58 7.57 11.67 7.66Q11.76 7.74 11.84 7.79Q11.92 7.84 12 7.84Q12.08 7.84 12.16 7.79Q12.24 7.74 12.33 7.66Q12.42 7.57 12.54 7.47Q12.65 7.37 12.77 7.28Q12.89 7.19 13.02 7.13Q13.15 7.07 13.27 7.06Q13.39 7.06 13.49 7.11Q13.59 7.15 13.66 7.25Q13.73 7.35 13.77 7.49Q13.8 7.63 13.8 7.78Q13.81 7.93 13.8 8.08Q13.79 8.23 13.78 8.36Q13.77 8.48 13.79 8.57Q13.8 8.67 13.85 8.73Q13.89 8.79 13.98 8.82Q14.07 8.85 14.2 8.87Q14.32 8.89 14.46 8.91Q14.61 8.94 14.76 8.98Q14.91 9.02 15.04 9.09Q15.16 9.15 15.24 9.24Q15.32 9.33 15.34 9.43Q15.37 9.54 15.34 9.65Q15.3 9.77 15.1 9.98Z"></path><circle stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" cx="12" cy="10.2" r="1"></circle></g></svg>On the web, link it straight from the CDN:
HTML index.html
<img src="https://cdn.lumioui.com/iconset/static/monitor-cog.svg" width="24" height="24" alt="Monitor Cog" />
