Hopscotch color icon
The color version of the hopscotch 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="#f7a1af" stroke="none"><path fill-rule="evenodd" d="m14.82 4-.44-.83-.55-.55-.33-.22-.72-.3-.39-.07h-.78l-.76.2-.68.39-.55.55-.44.83-3.31.01-.25.07-.33.21-.26.45L5 9l.08.38.13.23.29.26.37.12L9 10v2l-3.13.01-.37.12-.37.37L5 13l.03 4.26.1.24.26.29.48.2L9 18l.01 3.13.12.37.16.21.45.26L14 22l.5-.13.37-.37.12-.37L15 18l3.13-.01.48-.2.18-.18.18-.35L19 13l-.03-.26-.18-.35-.29-.26-.37-.12L15 12v-2l3.13-.01.37-.12.37-.37L19 9l-.03-4.26-.26-.45-.45-.26Zm-2.07 1v3.25H14l.38.1.22.19.12.27v.38l-.12.27-.22.19-.38.1h-4l-.46-.15-.19-.22-.1-.38.1-.38.19-.22.36-.14 1.35-.01V5ZM14 13.75h-1.25v2.5l1.35.01.36.14.19.23.1.37-.1.38-.19.22-.46.15h-4l-.29-.06-.31-.23-.12-.27v-.38l.12-.27.22-.19.38-.1h1.25v-2.5l-1.35-.01-.36-.14-.19-.22-.1-.38.1-.38.19-.22.46-.15 4.19.03.41.26.12.27.02.29-.21.43-.24.16Z"/></g><g fill="none" stroke="#631d28" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 21v-4H6v-4h4V9H6V5h12v4h-4v4h4v4h-4v4Z"/><path d="M10 17h4m-2 0v-4m-2 0h4m-4-4h4m-2 0V5m-2 0a2 2 0 0 1 4 0"/></g></svg>Want it moving? See the animated hopscotch icon.