Add icons to this collection by clicking the heart icon.
Canyon icon - also known as nature, landscape, sun, drought, rocks, canyon, and scenery. Created in a clean lineal color style with a black, red, and orange 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 0c16.568 0 30-13.432 30-30v-135h-90l30 195C-13.432 30 0 16.568 0 0"
transform="translate(187.5 232.5)"
fill="#ff5f21"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h30c16.568 0 30-13.432 30-30v-225H-60Z"
transform="translate(97.5 322.5)"
fill="#ff8229"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-120c16.568 0 30-13.432 30-30v-105h-90L-30 0Z"
transform="translate(97.5 322.5)"
fill="#ff3c19"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-225l60-30V0Z"
transform="translate(7.5 322.5)"
fill="#ff5f21"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-16.568 0-30-13.432-30-30v-135h90L30 30C13.432 30 0 16.568 0 0"
transform="translate(324.5 232.5)"
fill="#ff5f21"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l-30-255 60 30z"
transform="translate(504.5 322.5)"
fill="#ff3c19"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c-16.568 0-30-13.432-30-30v-225H60Z"
transform="translate(414.5 322.5)"
fill="#ff8229"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-120c-16.568 0-30-13.432-30-30v-105h90L30 0Z"
transform="translate(414.5 322.5)"
fill="#ff3c19"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M444.5 67.5h30v255h-30z"
fill="#ff5f21"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30-45L0-90h30V0Z"
transform="translate(474.5 97.5)"
fill="#ff8229"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M7.5 7.5h467v90H7.5Z"
fill="#ffa630"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 1 7.5-7.5A7.5 7.5 0 0 1 15 0a7.5 7.5 0 0 1-7.5 7.5A7.5 7.5 0 0 1 0 0"
transform="translate(437 37.5)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 1 7.5-7.5A7.5 7.5 0 0 1 15 0a7.5 7.5 0 0 1-7.5 7.5A7.5 7.5 0 0 1 0 0"
transform="translate(60 37.5)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 1 7.5-7.5A7.5 7.5 0 0 1 15 0a7.5 7.5 0 0 1-7.5 7.5A7.5 7.5 0 0 1 0 0"
transform="translate(30 67.5)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-120c33.137 0 60 26.863 60 60S33.137 0 0 0"
transform="translate(256 504.5)"
fill="#ff8229"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 33.137-13.432 60-30 60-33.137 0-60-26.863-60-60s26.863-60 60-60C-13.432-60 0-33.137 0 0"
transform="translate(286 444.5)"
fill="#ffa630"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c16.568 0 30-13.432 30-30 16.568 0 30-13.432 30-30v-105"
transform="translate(157.5 262.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v225"
transform="translate(67.5 97.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-120c16.568 0 30-13.432 30-30v-75"
transform="translate(97.5 322.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-16.568 0-30-13.432-30-30-16.568 0-30-13.432-30-30v-105"
transform="translate(354.5 262.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v195c0 16.568 13.432 30 30 30h120V-90h-497v315h120c16.568 0 30-13.432 30-30V0"
transform="translate(354.5 97.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-497"
transform="translate(504.5 97.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v225"
transform="translate(444.5 97.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-45"
transform="translate(384.5 142.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-120c-16.568 0-30-13.432-30-30"
transform="translate(414.5 322.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-33.137-26.863-60-60-60s-60 26.863-60 60 26.863 60 60 60S0 33.137 0 0Z"
transform="translate(316 444.5)"
fill="none"
stroke="#000"
stroke-width="15"
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