Panel Right Dashed color icon
The color version of the panel right dashed 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="#afa1f7" stroke="none"><path fill-rule="evenodd" d="M19 2H4.84l-.58.09-.56.21-.55.34-.43.41-.5.83-.22.96v14.19l.09.71.21.56.34.55.41.43.83.5.96.22h14.19l.59-.06.68-.24.5-.3.48-.45.5-.83.22-.96-.02-14.52-.3-1-.32-.49-.36-.38-.88-.55-.57-.17Zm-5 5.5.01-1.13.12-.37.16-.21.33-.21.38-.08.38.08.33.21.21.33.08.38-.01 1.13-.12.37-.16.21-.21.16-.37.12-.51-.07-.33-.21-.16-.21Zm.01 5.13v-1.26l.12-.37.16-.21.33-.21.38-.08.38.08.33.21.21.33.08.38-.01 1.13-.12.37-.16.21-.45.26h-.52l-.45-.26-.16-.21Zm0 5v-1.26l.12-.37.16-.21.33-.21.38-.08.38.08.33.21.21.33.08.38-.01 1.13-.12.37-.16.21-.45.26h-.52l-.45-.26-.16-.21Z"/></g><g fill="none" stroke="#281d63" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M15 6.5v1m0 4v1m0 4v1"/></g></svg>Want it moving? See the animated panel right dashed icon.