Add icons to this collection by clicking the heart icon.
Ramp icon - also known as winter, flag, mountain, jump, ski, outdoor, action, extreme, ramp, and sports and competition. Created in a clean flat 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 24 24"
>
<linearGradient
id="b"
x1="23.25"
x2=".75"
y1="16.627"
y2="16.627"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9bbfbf" />
<stop offset=".373" stop-color="#98bebe" />
<stop offset=".598" stop-color="#90baba" />
<stop offset=".782" stop-color="#82b3b3" />
<stop offset=".945" stop-color="#6eaaaa" />
<stop offset="1" stop-color="#65a6a6" />
</linearGradient>
<linearGradient
id="c"
x1="9.25"
x2=".75"
y1="16.002"
y2="16.002"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#edf2ff" />
<stop offset=".39" stop-color="#eaf0fe" />
<stop offset=".625" stop-color="#e2ebfa" />
<stop offset=".818" stop-color="#d4e1f3" />
<stop offset=".988" stop-color="#c0d3e9" />
<stop offset="1" stop-color="#bed2e8" />
</linearGradient>
<linearGradient
id="a"
x1="21.25"
x2="15.95"
y1="3.406"
y2="3.406"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaf2ac" />
<stop offset=".388" stop-color="#e8f0a9" />
<stop offset=".621" stop-color="#e1e9a1" />
<stop offset=".812" stop-color="#d5de93" />
<stop offset=".981" stop-color="#c4ce7f" />
<stop offset="1" stop-color="#c2cc7c" />
</linearGradient>
<linearGradient
id="d"
x1="7.05"
x2="1.75"
y1="6.407"
y2="6.407"
href="#a"
/>
<g>
<path
fill="#6593a6"
d="M21 8.252a.25.25 0 0 1-.25-.25v-2.19a.25.25 0 0 1 .5 0v2.19a.25.25 0 0 1-.25.25zM2 11.521a.25.25 0 0 1-.25-.25v-2.77a.25.25 0 0 1 .5 0v2.77a.25.25 0 0 1-.25.25z"
/>
<path
fill="#567d8c"
d="M13.997 16.507a2.375 2.375 0 0 1-4.747-.126v-3.38c0-1.24-4.25 0-4.25 0l-4.25 6v2A2.253 2.253 0 0 0 3 23.251h18a2.253 2.253 0 0 0 2.25-2.25v-7l-4.25-4s-4.937 5.011-5.003 6.506z"
/>
<path
fill="#edf2ff"
d="M21 7.752h-5.35a2.248 2.248 0 0 0-1.771.854 2.19 2.19 0 0 0-.423 1.87c.107.484.207 1.012.297 1.565a22.477 22.477 0 0 1 .248 4.468 2.345 2.345 0 0 1-.996 1.8l-.186.132.115.196a1.243 1.243 0 0 0 2.316-.635v-2a.75.75 0 1 1 1.5 0 1.25 1.25 0 0 0 2.5 0 .75.75 0 1 1 1.5 0 1.25 1.25 0 0 0 2.5 0v-6A2.253 2.253 0 0 0 21 7.752zM7 10.752H3a2.253 2.253 0 0 0-2.25 2.25v7a.25.25 0 0 0 .5 0 .75.75 0 0 1 1.5 0 1.25 1.25 0 0 0 2.5 0v-5a.75.75 0 0 1 1.5 0 1.25 1.25 0 0 0 2.5 0v-2A2.253 2.253 0 0 0 7 10.752z"
/>
<path
fill="url(#b)"
d="M13.997 16.507a2.375 2.375 0 0 1-4.747-.126v-1.38c0-1.24-4.25-2-4.25-2l-4.25 6v2A2.253 2.253 0 0 0 3 23.251h18a2.253 2.253 0 0 0 2.25-2.25v-7l-4.25-4s-4.937 5.011-5.003 6.506z"
/>
<path
fill="#edf2ff"
d="M21 7.752h-5.35a2.248 2.248 0 0 0-1.771.854 2.19 2.19 0 0 0-.423 1.87c.107.484.207 1.012.297 1.565a22.477 22.477 0 0 1 .248 4.468 2.345 2.345 0 0 1-.996 1.8l-.186.132.115.196a1.243 1.243 0 0 0 2.316-.635v-2a.75.75 0 1 1 1.5 0 1.25 1.25 0 0 0 2.5 0 .75.75 0 1 1 1.5 0 1.25 1.25 0 0 0 2.5 0v-6A2.253 2.253 0 0 0 21 7.752z"
/>
<path
fill="url(#c)"
d="M7 10.752H3a2.253 2.253 0 0 0-2.25 2.25v7a.25.25 0 0 0 .5 0 .75.75 0 0 1 1.5 0 1.25 1.25 0 0 0 2.5 0v-5a.75.75 0 0 1 1.5 0 1.25 1.25 0 0 0 2.5 0v-2A2.253 2.253 0 0 0 7 10.752z"
/>
<path
fill="url(#a)"
d="M20.392.815a1.229 1.229 0 0 0-1.397.453 11.77 11.77 0 0 1-1.172 1.367 12.002 12.002 0 0 1-1.348 1.159 1.252 1.252 0 0 0-.46 1.417 1.222 1.222 0 0 0 1.18.851h4.055V2.003a1.23 1.23 0 0 0-.858-1.188z"
/>
<path
fill="url(#d)"
d="M5.177 5.636a11.687 11.687 0 0 1-1.172-1.369 1.246 1.246 0 0 0-2.255.736v4.06h4.054a1.222 1.222 0 0 0 1.18-.852 1.252 1.252 0 0 0-.459-1.417 11.887 11.887 0 0 1-1.348-1.158z"
/>
</g>
<g fill="#f8f8f8">
<path
d="M22.5 12.75a.25.25 0 0 0-.25.25v1a.25.25 0 0 0 .5 0v-1a.25.25 0 0 0-.25-.25zM22.5 9.75a.25.25 0 0 0-.25.25v2a.25.25 0 0 0 .5 0v-2a.25.25 0 0 0-.25-.25z"
/>
</g>
</svg>
More icons in the same style and category