Add icons to this collection by clicking the heart icon.
Ramp icon - also known as sports, jump, skateboard, ramp, and sports and competition. Created in a clean lineal color style with a white, gray, black, yellow, teal, 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 0c5.463 0 9.911-4.309 10.186-9.766C15.27-111.139 99.074-191.77 201.711-191.77h40.877c5.631 0 10.195-4.564 10.195-10.195v-45.504c0-5.631-4.564-10.195-10.195-10.195h-468.512V0Z"
transform="translate(251.717 384.832)"
fill="#fee35a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-28.863c-102.639 0-186.446 80.626-191.533 182-.276 5.465-4.72 9.768-10.186 9.768h28.874c5.465 0 9.91-4.303 10.186-9.768C-186.435 80.626-102.638 0 0 0"
transform="translate(453.426 193.063)"
fill="#f9c600"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-28.877c-102.637 0-186.441 80.63-191.525 182.004-.274 5.456-4.723 9.766-10.186 9.766h-47.05"
transform="translate(482.305 193.063)"
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-144.873"
transform="translate(170.666 384.832)"
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 0h229.158c5.631 0 10.196 4.564 10.196 10.195v45.504c0 5.631-4.565 10.196-10.196 10.196H0Z"
transform="translate(265.147 127.168)"
fill="#00f3a6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-45.502c0-5.628-4.558-10.196-10.195-10.196H-39.06c5.629 0 10.197 4.568 10.197 10.196V0c0 5.628-4.568 10.195-10.197 10.195h28.865C-4.558 10.195 0 5.628 0 0"
transform="translate(504.495 182.868)"
fill="#0dd290"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h106.971c5.631 0 10.195 4.564 10.195 10.195v45.504c0 5.631-4.564 10.196-10.195 10.196h-229.159V0h88.187"
transform="translate(387.334 127.168)"
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 0c5.464 0 9.912-4.309 10.186-9.766C15.271-111.139 99.074-191.77 201.711-191.77h40.877c5.631 0 10.196-4.564 10.196-10.195v-45.504c0-5.631-4.565-10.195-10.196-10.195h-270.16c-5.631 0-10.196 4.564-10.196 10.195v237.274C-37.768-4.564-33.203 0-27.572 0z"
transform="translate(45.268 384.832)"
fill="#9e9797"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-27.864C-130.502 0-214.31 80.626-219.387 182c-.275 5.414-4.649 9.696-10.042 9.768h27.722c5.464 0 9.909-4.303 10.185-9.768C-186.435 80.626-102.638 0 0 0"
transform="translate(246.977 193.063)"
fill="#766e6f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-45.502c0-5.628-4.557-10.196-10.195-10.196H-38.06c5.628 0 10.196 4.568 10.196 10.196V0c0 5.628-4.568 10.195-10.196 10.195h27.865C-4.557 10.195 0 5.628 0 0"
transform="translate(298.046 182.868)"
fill="#766e6f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-27.272 31.375-44.517 71.698-46.738 115.982-.274 5.456-4.722 9.766-10.186 9.766h-27.572c-5.631 0-10.195-4.565-10.195-10.196v-237.273c0-5.631 4.564-10.196 10.195-10.196h270.16c5.631 0 10.195 4.565 10.195 10.196v45.503c0 5.631-4.564 10.196-10.195 10.196h-40.877c-45.557 0-87.394 15.895-120.294 42.429"
transform="translate(102.191 259.084)"
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-52.963a5.099 5.099 0 0 0-5.098 5.098v22.43a5.099 5.099 0 0 0 5.098 5.098H0a5.099 5.099 0 0 0 5.098-5.098V5.098A5.099 5.099 0 0 0 0 0"
transform="translate(100.384 159.077)"
fill="#eff5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-52.963a5.099 5.099 0 0 0-5.098 5.098v22.43a5.099 5.099 0 0 0 5.098 5.098H0a5.099 5.099 0 0 0 5.098-5.098V5.098A5.099 5.099 0 0 0 0 0Z"
transform="translate(100.384 159.077)"
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 0h34.638"
transform="translate(42.323 220.93)"
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 0-9.843 9.843L-19.686 0"
transform="translate(116.647 345.035)"
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 0-9.843 9.843L-19.686 0"
transform="translate(176.462 345.035)"
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 0-9.843 9.843L-19.686 0"
transform="translate(236.277 345.035)"
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