Vector Path color icon
The color version of the vector path 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="#f7a1cc" stroke="none"><path fill-rule="evenodd" d="m7 2-3.26.02-.51.13-.45.26-.37.37-.14.22-.2.48L2 4l.02 3.26.13.51.26.45.18.19.19.18.45.26.51.13L7 9l.52-.07.25-.08.45-.26.19-.18.32-.41.2-.48.05-.26L9 6.5h3.99l.63.04 1.01.26.91.49.64.53.53.64.41.72.26.79.11.82.01 4.21-.76.02-.26.05-.48.2-.41.32-.18.19-.26.45-.08.25L15 17v3l.07.52.08.25.26.45.37.37.45.26.51.13h3.52l.26-.05.48-.2.41-.32.32-.41.12-.23.13-.51L22 17l-.07-.52-.2-.48-.14-.22-.18-.19-.41-.32-.23-.12-.51-.13-.76-.02v-4.02l-.12-1.2-.22-.87-.33-.79-.45-.77-.56-.71-.69-.66-.73-.52-.8-.42-1.09-.36-1.23-.17L9 4.5l-.02-.76-.13-.51L8.73 3l-.32-.41-.19-.18L8 2.27l-.48-.2z"/></g><g fill="none" stroke="#631d40" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="5" height="5" x="3" y="3" rx="1"/><rect width="5" height="5" x="16" y="16" rx="1"/><path d="M8 5.5h5a5.5 5.5 0 0 1 5.5 5.5v5"/></g></svg>Want it moving? See the animated vector path icon.