Add icons to this collection by clicking the heart icon.
Responsive Design icon - also known as screen, monitor, responsive design, marketing, tool, layout, design, ui, responsive, and art and design. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="19"
x2="19"
y1="64.23"
y2="-.832"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="53" x2="53" y1="64.23" y2="-.832" href="#a" />
<linearGradient id="c" x1="32" x2="32" y1="64.23" y2="-.832" href="#a" />
<linearGradient id="d" x1="23" x2="23" y1="64.23" y2="-.832" href="#a" />
<linearGradient id="e" x1="27" x2="27" y1="64.23" y2="-.832" href="#a" />
<linearGradient
id="f"
x1="22.5"
x2="22.5"
y1="64.23"
y2="-.832"
href="#a"
/>
<linearGradient
id="g"
x1="37.5"
x2="37.5"
y1="64.23"
y2="-.832"
href="#a"
/>
<linearGradient id="h" x1="14" x2="14" y1="64.23" y2="-.832" href="#a" />
<linearGradient id="i" x1="57" x2="57" y1="64.23" y2="-.832" href="#a" />
<linearGradient id="j" x1="37" x2="37" y1="64.23" y2="-.832" href="#a" />
<linearGradient id="k" x1="41" x2="41" y1="64.23" y2="-.832" href="#a" />
<linearGradient id="l" x1="7" x2="7" y1="64.23" y2="-.832" href="#a" />
<linearGradient id="m" x1="11" x2="11" y1="64.23" y2="-.832" href="#a" />
<g>
<path
fill="url(#a)"
d="M35 56h-1.184A2.966 2.966 0 0 0 34 55V37a3 3 0 0 0-3-3H7a3 3 0 0 0-3 3v18a2.966 2.966 0 0 0 .184 1H3a1 1 0 0 0-1 1v2a3 3 0 0 0 3 3h28a3 3 0 0 0 3-3v-2a1 1 0 0 0-1-1zM6 55V37a1 1 0 0 1 1-1h24a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm28 4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-1h30z"
/>
<path
fill="url(#a)"
d="M31 38a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1zm-2 15H9V39h20z"
/>
<path
fill="url(#b)"
d="M59 34H47a3 3 0 0 0-3 3v22a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V37a3 3 0 0 0-3-3zm-13 8h14v12H46zm1-6h12a1 1 0 0 1 1 1v3H46v-3a1 1 0 0 1 1-1zm12 24H47a1 1 0 0 1-1-1v-3h14v3a1 1 0 0 1-1 1z"
/>
<path
fill="url(#b)"
d="M54 57h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM52 39h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2z"
/>
<path
fill="url(#c)"
d="M17 32h30a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H17a3 3 0 0 0-3 3v24a3 3 0 0 0 3 3zm31-3a1 1 0 0 1-1 1H17a1 1 0 0 1-1-1V10h32zM16 5a1 1 0 0 1 1-1h30a1 1 0 0 1 1 1v3H16z"
/>
<path fill="url(#a)" d="M18 5h2v2h-2z" />
<path fill="url(#d)" d="M22 5h2v2h-2z" />
<path fill="url(#e)" d="M26 5h2v2h-2z" />
<path
fill="url(#c)"
d="M19 17h26a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1H19a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h24v2H20z"
/>
<path
fill="url(#f)"
d="M19 29h7a1 1 0 0 0 1-1v-9a1 1 0 0 0-1-1h-7a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1zm1-9h5v7h-5z"
/>
<path
fill="url(#g)"
d="M45 18H30a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h15a1 1 0 0 0 1-1v-9a1 1 0 0 0-1-1zm-1 9H31v-7h13z"
/>
<path
fill="url(#h)"
d="M12 52h4a1 1 0 0 0 1-1V41a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1zm1-10h2v8h-2z"
/>
<path
fill="url(#d)"
d="M20 52h6a1 1 0 0 0 1-1V41a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1zm5-2h-4v-3h4zm-4-8h4v3h-4z"
/>
<path
fill="url(#b)"
d="M57 43h-8a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1zm-7 2h6v2h-6zm6 6h-6v-2h6z"
/>
<g fill="url(#i)">
<path
d="M56 18h2v2h-2zM56 22h2v2h-2zM56 26h2v2h-2zM56 30h2v2h-2z"
/>
</g>
<path fill="url(#b)" d="M52 18h2v2h-2z" />
<path fill="url(#j)" d="M36 45h2v2h-2z" />
<path fill="url(#k)" d="M40 45h2v2h-2z" />
<path
fill="url(#l)"
d="M6 18h2v2H6zM6 22h2v2H6zM6 26h2v2H6zM6 30h2v2H6z"
/>
<path fill="url(#m)" d="M10 18h2v2h-2z" />
</g>
</svg>
More icons in the same style and category