Add icons to this collection by clicking the heart icon.
Expand icon - also known as arrows, direction, directional, expand, full screen, ui, video player, expanding, diagonal, and music and multimedia. Created in a clean lineal color style with a white, black, orange, and pink 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-304c0-22.091 17.909-40 40-40h358c22.091 0 40 17.909 40 40V0c0 22.091-17.909 40-40 40H40C17.909 40 0 22.091 0 0"
transform="translate(10 442)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 56.351-45.682 102.033-102.033 102.033-56.352 0-102.034-45.682-102.034-102.033s45.682-102.033 102.034-102.033C-45.682-102.033 0-56.351 0 0"
transform="translate(331.033 290)"
fill="#ff5d5d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 56.351-45.682 102.033-102.033 102.033-56.352 0-102.034-45.682-102.034-102.033s45.682-102.033 102.034-102.033C-45.682-102.033 0-56.351 0 0Z"
transform="translate(331.033 290)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-54.252-34.774c-8.049-5.159-18.62.621-18.62 10.182v69.548c0 9.56 10.571 15.34 18.62 10.181L0 20.363C7.423 15.605 7.423 4.758 0 0"
transform="translate(271.797 280.769)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-54.252-34.774c-8.049-5.159-18.62.621-18.62 10.182v69.548c0 9.56 10.571 15.34 18.62 10.181L0 20.363C7.423 15.605 7.423 4.758 0 0Z"
transform="translate(271.797 280.769)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v128c0 22.091-17.909 40-40 40h-358c-22.091 0-40-17.909-40-40v-304c0-22.091 17.909-40 40-40h247"
transform="translate(448 314)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(448 270.946)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M474 202H302V30h172z"
fill="#ffc66c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-141v-172H31v139.363"
transform="translate(443 202)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M502 230h-56v-56h56z"
fill="#feda9b"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 67.333 67.333"
transform="translate(311.667 39.667)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v30.419h-30.419"
transform="translate(391.086 88.667)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-97.5"
transform="translate(58 319.227)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(58 360.174)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category