Cycling Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Cycling icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/305477.svg" alt="Cycling icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/305477.svg" alt="Cycling icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/305477.svg" alt="Cycling icon" :width="24" :height="24" />
CSS background
.icon-cycling {
background-image: url('https://proicons.com/icon/305477.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M797 554c-1 0-3 0-4 1l-14-115c-1-6-4-11-7-16 0-1-2-2-2-2-4-5-10-8-16-8L541 307l24-34-101-73-216 300 30 22h-46v35c-9-2-19-3-29-3C91 554 0 645 0 758c0 112 91 203 203 203 113 0 204-91 204-203 0-12-2-24-3-35l77-32v152h92V652l72-29c-32 36-52 83-52 135 0 112 91 203 204 203 112 0 203-91 203-203 0-113-91-204-203-204zM496 370l234 118H411l85-118zm222 168l-158 66-84-66h242zm-412 25l-8 15c-12-6-24-11-37-15h45zm64 195c0 91-75 166-167 166-91 0-166-75-166-166 0-92 75-167 166-167 27 0 53 7 75 19l-90 153v2c-1 1-1 3-2 4 0 2-1 4-1 5 0 2 0 3 1 5 0 1 0 3 1 5v2c0 1 1 1 2 2 0 1 1 3 3 4l3 3 2 2c1 1 2 1 2 1 2 1 3 1 5 2h5c1 1 3 0 4 0 2 0 4 0 5-1h2l148-61c1 6 2 13 2 20zm-16-69l-84 35 50-85c14 14 26 31 34 50zm-15-83l16-28 93 72-59 25c-12-27-29-50-50-69zm458 318c-92 0-167-75-167-166 0-74 49-136 116-158l20 157c2 17 15 29 30 27 14-1 24-16 22-33l-20-160c91 1 165 75 165 167 0 91-75 166-166 166zM565 234c54 0 98-43 98-98 0-54-44-98-98-98s-98 44-98 98c0 55 44 98 98 98zm22 616h-92c-15 0-28 13-28 28s13 28 28 28h92c15 0 28-13 28-28s-13-28-28-28z"/></svg>
Cycling in other icon packs
Copied!