Add icons to this collection by clicking the heart icon.
Hub icon - also known as tool, hub, transportation, cycling, and bicycle. Created in a clean lineal color style with a white, black, navy, 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M490.667 234.667V224A10.66 10.66 0 0 0 480 213.333h-32c0-23.531-19.146-42.667-42.667-42.667v-32c0-17.646-14.354-32-32-32s-32 14.354-32 32v14.74l-30.021 15.01a21.486 21.486 0 0 1-9.542 2.25h-91.542c-3.292 0-6.604-.781-9.542-2.25l-30.021-15.01v-14.74c0-17.646-14.354-32-32-32s-32 14.354-32 32v32C83.146 170.667 64 189.802 64 213.333H32A10.66 10.66 0 0 0 21.333 224v10.667C9.563 234.667 0 244.24 0 256c0 11.76 9.563 21.333 21.333 21.333V288A10.66 10.66 0 0 0 32 298.667h32c0 23.531 19.146 42.667 42.667 42.667v32c0 17.646 14.354 32 32 32s32-14.354 32-32v-14.74l30.021-15.01a21.486 21.486 0 0 1 9.542-2.25h91.542c3.292 0 6.604.781 9.542 2.25l30.021 15.01v14.74c0 17.646 14.354 32 32 32s32-14.354 32-32v-32c23.521 0 42.667-19.135 42.667-42.667h32A10.66 10.66 0 0 0 490.669 288v-10.667C502.438 277.333 512 267.76 512 256c0-11.76-9.562-21.333-21.333-21.333z"
fill="#303c42"
/>
<path d="M42.667 234.667H64v42.667H42.667z" fill="#e0e0e0" />
<path d="M42.667 234.667H64v10.667H42.667z" opacity=".2" fill="#fff" />
<path
d="M85.333 298.667v-85.333c0-11.76 9.563-21.333 21.333-21.333v128c-11.77-.001-21.333-9.574-21.333-21.334z"
fill="#e0e0e0"
/>
<path
d="M85.333 213.333v21.333c0-11.76 9.563-21.333 21.333-21.333V192c-11.77 0-21.333 9.573-21.333 21.333z"
opacity=".4"
fill="#fff"
/>
<path
d="M149.333 373.333c0 5.885-4.792 10.667-10.667 10.667S128 379.219 128 373.333V138.667c0-5.885 4.792-10.667 10.667-10.667s10.667 4.781 10.667 10.667v234.666z"
fill="#e0e0e0"
/>
<path
d="M138.667 128c-5.875 0-10.667 4.781-10.667 10.667V160c0-5.885 4.792-10.667 10.667-10.667s10.667 4.781 10.667 10.667v-21.333c-.001-5.886-4.792-10.667-10.667-10.667z"
opacity=".4"
fill="#fff"
/>
<path
d="M42.667 266.667H64v10.667H42.667zM85.333 298.667v-21.333c0 11.76 9.563 21.333 21.333 21.333V320c-11.77 0-21.333-9.573-21.333-21.333zM138.667 384c-5.875 0-10.667-4.781-10.667-10.667V352c0 5.885 4.792 10.667 10.667 10.667s10.667-4.781 10.667-10.667v21.333c-.001 5.886-4.792 10.667-10.667 10.667z"
opacity=".1"
fill="#010101"
/>
<path
d="M384 373.333c0 5.885-4.792 10.667-10.667 10.667s-10.667-4.781-10.667-10.667V138.667c0-5.885 4.792-10.667 10.667-10.667S384 132.781 384 138.667v234.666zM426.667 298.667c0 11.76-9.563 21.333-21.333 21.333V192c11.771 0 21.333 9.573 21.333 21.333v85.334zM448 234.667h21.333v42.667H448z"
fill="#e0e0e0"
/>
<path d="M448 234.667h21.333v10.667H448z" opacity=".2" fill="#fff" />
<path
d="M426.667 213.333v21.333c0-11.76-9.563-21.333-21.333-21.333V192c11.77 0 21.333 9.573 21.333 21.333zM373.333 128c5.875 0 10.667 4.781 10.667 10.667V160c0-5.885-4.792-10.667-10.667-10.667s-10.667 4.781-10.667 10.667v-21.333c.001-5.886 4.792-10.667 10.667-10.667z"
opacity=".4"
fill="#fff"
/>
<path
d="M448 266.667h21.333v10.667H448zM426.667 298.667v-21.333c0 11.76-9.563 21.333-21.333 21.333V320c11.77 0 21.333-9.573 21.333-21.333zM373.333 384c5.875 0 10.667-4.781 10.667-10.667V352c0 5.885-4.792 10.667-10.667 10.667s-10.667-4.781-10.667-10.667v21.333c.001 5.886 4.792 10.667 10.667 10.667z"
opacity=".1"
fill="#010101"
/>
<path
d="M320.854 324.5a42.833 42.833 0 0 0-19.083-4.5h-91.542a42.83 42.83 0 0 0-19.083 4.5l-20.479 10.24V177.26l20.479 10.24a42.833 42.833 0 0 0 19.083 4.5h91.542a42.83 42.83 0 0 0 19.083-4.5l20.479-10.24v157.48l-20.479-10.24z"
fill="#e0e0e0"
/>
<path
d="M320.854 187.5a42.833 42.833 0 0 1-19.083 4.5h-91.542a42.83 42.83 0 0 1-19.083-4.5l-20.479-10.24v68.073l20.479 5.813c5.896 1.674 12.479 2.555 19.083 2.555h91.542c6.604 0 13.188-.88 19.083-2.555l20.479-5.813V177.26l-20.479 10.24z"
opacity=".2"
fill="#fff"
/>
<path
d="M301.771 308.02h-91.542c-6.604 0-13.188 1.262-19.083 3.658L170.667 320v14.74l20.479-10.24a42.833 42.833 0 0 1 19.083-4.5h91.542a42.83 42.83 0 0 1 19.083 4.5l20.479 10.24V320l-20.479-8.323c-5.896-2.396-12.479-3.657-19.083-3.657z"
opacity=".2"
fill="#010101"
/>
<path
d="M320.854 187.5a42.833 42.833 0 0 1-19.083 4.5h-91.542a42.83 42.83 0 0 1-19.083-4.5l-20.479-10.24V192l20.479 8.323c5.896 2.396 12.479 3.658 19.083 3.658h91.542c6.604 0 13.188-1.262 19.083-3.658L341.333 192v-14.74l-20.479 10.24z"
opacity=".3"
fill="#fff"
/>
<path
d="M301.771 290.68h-91.542c-6.604 0-13.188.841-19.083 2.438l-20.479 5.549V320l20.479-8.323c5.896-2.396 12.479-3.658 19.083-3.658h91.542c6.604 0 13.188 1.262 19.083 3.658L341.333 320v-21.333l-20.479-5.549c-5.896-1.597-12.479-2.438-19.083-2.438z"
opacity=".1"
fill="#010101"
/>
<path
d="M320.854 210.99c-5.896 2.396-12.479 3.658-19.083 3.658h-91.542c-6.604 0-13.188-1.262-19.083-3.658l-20.479-8.323V224l20.479 5.548c5.896 1.598 12.479 2.439 19.083 2.439h91.542c6.604 0 13.188-.841 19.083-2.439L341.333 224v-21.333l-20.479 8.323z"
opacity=".4"
fill="#fff"
/>
<linearGradient
id="a"
x1="-44.645"
x2="-24.762"
y1="639.12"
y2="629.849"
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="M490.667 234.667V224A10.66 10.66 0 0 0 480 213.333h-32c0-23.531-19.146-42.667-42.667-42.667v-32c0-17.646-14.354-32-32-32s-32 14.354-32 32v14.74l-30.021 15.01a21.486 21.486 0 0 1-9.542 2.25h-91.542c-3.292 0-6.604-.781-9.542-2.25l-30.021-15.01v-14.74c0-17.646-14.354-32-32-32s-32 14.354-32 32v32C83.146 170.667 64 189.802 64 213.333H32A10.66 10.66 0 0 0 21.333 224v10.667C9.563 234.667 0 244.24 0 256c0 11.76 9.563 21.333 21.333 21.333V288A10.66 10.66 0 0 0 32 298.667h32c0 23.531 19.146 42.667 42.667 42.667v32c0 17.646 14.354 32 32 32s32-14.354 32-32v-14.74l30.021-15.01a21.486 21.486 0 0 1 9.542-2.25h91.542c3.292 0 6.604.781 9.542 2.25l30.021 15.01v14.74c0 17.646 14.354 32 32 32s32-14.354 32-32v-32c23.521 0 42.667-19.135 42.667-42.667h32A10.66 10.66 0 0 0 490.669 288v-10.667C502.438 277.333 512 267.76 512 256c0-11.76-9.562-21.333-21.333-21.333z"
fill="url(#a)"
/>
</svg>
More icons in the same style and category