Bike Computer color icon
The color version of the bike computer line icon: the same drawing with a soft fill behind it. Pick any color and the fill follows. Also in solid.
16
20
24
32
48
Style
Color
PNG size
Free for personal and commercial use. No attribution required.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="#b1f7a1" stroke="none"><path fill-rule="evenodd" d="M16.55 2.04H7.44l-.7.16-.54.23-.6.37-.8.8-.37.6-.23.54-.16.7L4 6v7l.07.74.25.83.52.89.7.69.72.45.68.26.76.13L11 17v1.5l-8.15.01-.47.21-.31.42-.06.47.19.48.32.28.49.13h17.98l.29-.04.31-.16.34-.44.06-.25-.02-.35-.25-.45-.48-.28L13 18.5V17l3.23-.01 1.09-.22.87-.42.61-.5.51-.6.37-.69.24-.74.07-.6V5.78l-.22-1.1-.29-.65-.29-.44-.53-.58-.64-.46-.71-.33ZM9.06 12.07l-.18.14-.28.08h-.23l-.28-.1-.17-.14-.16-.25-.06-.22.03-.29.15-.29 2.14-2.64.37-.15.4.05 1.4 1 .25.02 2.6-2.93.29-.13.31-.01.29.12.17.14.15.26.05.22-.04.29-.1.2-3.19 3.71-.37.14-.4-.05-1.36-.98-.22-.03-.16.1Z"/></g><g fill="none" stroke="#2a631d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="13" x="5" y="3" rx="3"/><path d="m8.5 11.5 2-2.5 2 1.5 3-3.5M12 16v3m-9 .5h18"/></g></svg>Want it moving? See the animated bike computer icon.