Add icons to this collection by clicking the heart icon.
Screen Rotate icon - also known as interface, screen, smartphone, button, rotation, lock, communications, and screen rotate. Created in a clean lineal color style with a white, gray, and navy finish, 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M209.333 450.333c-4.604-3.667-11.302-2.896-15 1.667-3.677 4.604-2.927 11.313 1.667 15l26.635 21.302C108.99 472.052 21.333 374.073 21.333 256c0-5.896-4.771-10.667-10.667-10.667S0 250.104 0 256c0 141.156 114.844 256 256 256 4.531 0 8.563-2.865 10.063-7.135s.135-9.031-3.396-11.865l-53.334-42.667zM387.125 365.792l-21.333 21.333c-4.167 4.167-4.167 10.917 0 15.083 2.083 2.083 4.813 3.125 7.542 3.125s5.458-1.042 7.542-3.125l21.333-21.333c4.167-4.167 4.167-10.917 0-15.083-4.167-4.167-10.917-4.167-15.084 0zM131.125 109.792l-21.333 21.333c-4.167 4.167-4.167 10.917 0 15.083 2.083 2.083 4.813 3.125 7.542 3.125s5.458-1.042 7.542-3.125l21.333-21.333c4.167-4.167 4.167-10.917 0-15.083-4.167-4.167-10.917-4.167-15.084 0z"
fill="#303c42"
/>
<circle cx="192" cy="64" r="10.667" fill="#303c42" />
<path
d="M214.646 30.409c-12.083-12.104-33.229-12.094-45.271-.01L30.708 169.065c-6.042 6.042-9.375 14.083-9.375 22.625s3.333 16.583 9.375 22.625l266.646 266.656c6.042 6.052 14.083 9.385 22.646 9.385s16.604-3.333 22.625-9.375l138.667-138.667c6.042-6.042 9.375-14.083 9.375-22.625s-3.333-16.583-9.375-22.625L214.646 30.409z"
fill="#303c42"
/>
<path
d="M42.667 191.69a10.59 10.59 0 0 1 3.125-7.542L184.479 45.471c2-2.01 4.667-3.115 7.521-3.115s5.521 1.104 7.542 3.125l232.464 232.464-153.75 153.75L45.792 199.232a10.59 10.59 0 0 1-3.125-7.542z"
fill="#5c6671"
/>
<linearGradient
id="a"
x1="-43.938"
x2="-27.357"
y1="639.25"
y2="631.518"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M42.667 191.69a10.59 10.59 0 0 1 3.125-7.542L184.479 45.471c2-2.01 4.667-3.115 7.521-3.115s5.521 1.104 7.542 3.125l232.464 232.464-153.75 153.75L45.792 199.232a10.59 10.59 0 0 1-3.125-7.542z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-41.307"
x2="-30.056"
y1="641.102"
y2="629.852"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M42.667 191.69a10.59 10.59 0 0 1 3.125-7.542L184.479 45.471c2-2.01 4.667-3.115 7.521-3.115s5.521 1.104 7.542 3.125l232.464 232.464-153.75 153.75L45.792 199.232a10.59 10.59 0 0 1-3.125-7.542z"
fill="url(#b)"
/>
<path
d="m387.125 365.482-21.333 21.333c-4.167 4.167-4.167 10.917 0 15.083 2.083 2.083 4.813 3.125 7.542 3.125s5.458-1.042 7.542-3.125l21.333-21.333c4.167-4.167 4.167-10.917 0-15.083s-10.917-4.167-15.084 0z"
fill="#fff"
/>
<path
d="m131.125 109.482-21.333 21.333c-4.167 4.167-4.167 10.917 0 15.083 2.083 2.083 4.813 3.125 7.542 3.125s5.458-1.042 7.542-3.125l21.333-21.333c4.167-4.167 4.167-10.917 0-15.083-4.167-4.167-10.917-4.167-15.084 0z"
fill="#303c42"
/>
<circle cx="192" cy="63.68" r="10.667" fill="#303c42" />
<path
d="M490.667 85.333V74.667C490.667 33.5 457.167 0 416 0s-74.667 33.5-74.667 74.667v10.667c-11.771 0-21.333 9.563-21.333 21.333v106.667c0 11.771 9.563 21.333 21.333 21.333h149.333c11.771 0 21.333-9.563 21.333-21.333V106.667c.001-11.771-9.561-21.334-21.332-21.334zm-21.334 0H362.667V74.667c0-29.417 23.917-53.333 53.333-53.333 29.417 0 53.333 23.917 53.333 53.333v10.666z"
fill="#303c42"
/>
<path
d="M341.333 106.667h149.334v106.666H341.333V106.667h-.02z"
fill="#e6e6e6"
/>
<path
d="M405.333 167.392v13.941A10.66 10.66 0 0 0 416 192a10.66 10.66 0 0 0 10.667-10.667v-13.941c6.259-3.721 10.667-10.258 10.667-18.059 0-11.771-9.563-21.333-21.333-21.333-11.771 0-21.333 9.563-21.333 21.333-.001 7.801 4.406 14.338 10.665 18.059z"
fill="#303c42"
/>
<linearGradient
id="c"
x1="-30.684"
x2="-27.107"
y1="636.383"
y2="632.801"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="M341.333 234.667c-5.225 0-9.848-2.1-13.56-5.227l76.368 76.368 27.863-27.863-43.279-43.279h-47.392z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-44.52"
x2="-23.895"
y1="640.371"
y2="630.754"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M209.333 450.333c-4.604-3.667-11.302-2.896-15 1.667-3.677 4.604-2.927 11.313 1.667 15l26.635 21.302C108.99 472.052 21.333 374.073 21.333 256c0-5.896-4.771-10.667-10.667-10.667S0 250.104 0 256c0 141.156 114.844 256 256 256 4.531 0 8.563-2.865 10.063-7.135s.135-9.031-3.396-11.865l-53.334-42.667zm281.334-365V74.667C490.667 33.5 457.167 0 416 0s-74.667 33.5-74.667 74.667v10.667c-11.771 0-21.333 9.563-21.333 21.333v29.1L214.646 30.409c-12.083-12.104-33.229-12.094-45.271-.01L30.708 169.065c-6.042 6.042-9.375 14.083-9.375 22.625s3.333 16.583 9.375 22.625l266.646 266.656c6.042 6.052 14.083 9.385 22.646 9.385s16.604-3.333 22.625-9.375l138.667-138.667c6.042-6.042 9.375-14.083 9.375-22.625s-3.333-16.583-9.375-22.625l-62.396-62.398h71.771c11.771 0 21.333-9.563 21.333-21.333V106.667c0-11.771-9.562-21.334-21.333-21.334zm-21.334 0H362.667V74.667c0-29.417 23.917-53.333 53.333-53.333 29.417 0 53.333 23.917 53.333 53.333v10.666z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category