Responsive Design color icon
The color version of the responsive design 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="m4 2-.55.05-.45.12-.85.47-.43.41-.3.42-.36.91L1 5v10l.05.55.27.81.45.64.7.58.79.33L4 18h7v2H8l-.5.13-.37.37-.12.37.07.51.31.41.35.18L8 22l8.26-.03.45-.26.26-.45v-.52l-.18-.35-.29-.26-.37-.12L13 20v-2l7.36-.02.57-.13.54-.24.48-.33.41-.43.47-.85.17-.84V4.84l-.09-.58-.23-.62-.32-.49-.51-.51-.73-.42-.96-.22Zm4.97 4.97.43-.21.47.09.28.28.09.47-.14.36-1.29 1.29h6.38L13.9 7.96l-.14-.36.05-.39.23-.31.36-.14.39.05.24.16 2.57 2.57.14.36-.05.39-.16.24-2.5 2.5-.24.16-.29.06-.38-.1-.22-.19-.12-.27v-.38l.19-.34 1.22-1.22H8.81l1.29 1.29.14.36-.05.39-.23.31-.36.14-.39-.05-.24-.16-2.5-2.5-.16-.24-.06-.29.06-.29.16-.24Z"/></g><g fill="none" stroke="#281d63" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="14" x="2" y="3" rx="2"/><path d="M8 21h8m-4-4v4M7 10h10M9.5 7.5 7 10l2.5 2.5m5-5L17 10l-2.5 2.5"/></g></svg>Want it moving? See the animated responsive design icon.