ios bicycle icon
ios-bicycle from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-bicycle
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios bicycle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M125.3 289.3c17.3 0 33.7 6.8 46.1 19.2 12.4 12.4 19.2 28.8 19.2 46.1s-6.8 33.7-19.2 46.1c-12.4 12.4-28.8 19.2-46.1 19.2s-33.7-6.8-46.1-19.2C66.8 388.4 60 372 60 354.7s6.8-33.7 19.2-46.1c12.4-12.4 28.8-19.3 46.1-19.3m0-28c-51.3 0-93.3 42-93.3 93.3C32 406 74 448 125.3 448s93.3-42 93.3-93.3c.1-51.4-41.9-93.4-93.3-93.4z" fill="currentColor"/><path d="M319.8 127.8c17.8 0 32-14.2 32-32S337.8 64 320 64s-32.2 14-32.2 31.8c0 17.7 14.3 32 32 32z" fill="currentColor"/><path d="M386.7 289.3c17.3 0 33.7 6.8 46.1 19.2 12.4 12.4 19.2 28.8 19.2 46.1s-6.8 33.7-19.2 46.1C420.4 413.2 404 420 386.7 420s-33.7-6.8-46.1-19.2c-12.4-12.4-19.2-28.8-19.2-46.1s6.8-33.7 19.2-46.1c12.3-12.4 28.7-19.3 46.1-19.3m0-28c-51.3 0-93.3 42-93.3 93.3s42 93.3 93.3 93.3 93.3-42 93.3-93.3-42-93.3-93.3-93.3z" fill="currentColor"/><path d="M368 192h-48l-29.5-60.1c-5.6-9.3-15.9-15.9-27.1-15.9-8.4 0-16.8 3.7-22.4 9.3l-71.7 69.1c-5.6 5.6-9.3 14-9.3 22.4 0 17.4 12.6 23.6 18.5 27.1C224 270.1 240 273 240 286.1V352c0 8.8 7.2 16 16 16s16-7.2 16-16v-90c0-13.2-30.4-24-48.3-38l48.9-51.5c18.7 28.5 27.3 51.5 38 51.5H368c8.8 0 16-7.2 16-16s-7.2-16-16-16z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosBicycle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M125.3 289.3c17.3 0 33.7 6.8 46.1 19.2 12.4 12.4 19.2 28.8 19.2 46.1s-6.8 33.7-19.2 46.1c-12.4 12.4-28.8 19.2-46.1 19.2s-33.7-6.8-46.1-19.2C66.8 388.4 60 372 60 354.7s6.8-33.7 19.2-46.1c12.4-12.4 28.8-19.3 46.1-19.3m0-28c-51.3 0-93.3 42-93.3 93.3C32 406 74 448 125.3 448s93.3-42 93.3-93.3c.1-51.4-41.9-93.4-93.3-93.4z" fill="currentColor"/><path d="M319.8 127.8c17.8 0 32-14.2 32-32S337.8 64 320 64s-32.2 14-32.2 31.8c0 17.7 14.3 32 32 32z" fill="currentColor"/><path d="M386.7 289.3c17.3 0 33.7 6.8 46.1 19.2 12.4 12.4 19.2 28.8 19.2 46.1s-6.8 33.7-19.2 46.1C420.4 413.2 404 420 386.7 420s-33.7-6.8-46.1-19.2c-12.4-12.4-19.2-28.8-19.2-46.1s6.8-33.7 19.2-46.1c12.3-12.4 28.7-19.3 46.1-19.3m0-28c-51.3 0-93.3 42-93.3 93.3s42 93.3 93.3 93.3 93.3-42 93.3-93.3-42-93.3-93.3-93.3z" fill="currentColor"/><path d="M368 192h-48l-29.5-60.1c-5.6-9.3-15.9-15.9-27.1-15.9-8.4 0-16.8 3.7-22.4 9.3l-71.7 69.1c-5.6 5.6-9.3 14-9.3 22.4 0 17.4 12.6 23.6 18.5 27.1C224 270.1 240 273 240 286.1V352c0 8.8 7.2 16 16 16s16-7.2 16-16v-90c0-13.2-30.4-24-48.3-38l48.9-51.5c18.7 28.5 27.3 51.5 38 51.5H368c8.8 0 16-7.2 16-16s-7.2-16-16-16z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M125.3 289.3c17.3 0 33.7 6.8 46.1 19.2 12.4 12.4 19.2 28.8 19.2 46.1s-6.8 33.7-19.2 46.1c-12.4 12.4-28.8 19.2-46.1 19.2s-33.7-6.8-46.1-19.2C66.8 388.4 60 372 60 354.7s6.8-33.7 19.2-46.1c12.4-12.4 28.8-19.3 46.1-19.3m0-28c-51.3 0-93.3 42-93.3 93.3C32 406 74 448 125.3 448s93.3-42 93.3-93.3c.1-51.4-41.9-93.4-93.3-93.4z" fill="currentColor"/><path d="M319.8 127.8c17.8 0 32-14.2 32-32S337.8 64 320 64s-32.2 14-32.2 31.8c0 17.7 14.3 32 32 32z" fill="currentColor"/><path d="M386.7 289.3c17.3 0 33.7 6.8 46.1 19.2 12.4 12.4 19.2 28.8 19.2 46.1s-6.8 33.7-19.2 46.1C420.4 413.2 404 420 386.7 420s-33.7-6.8-46.1-19.2c-12.4-12.4-19.2-28.8-19.2-46.1s6.8-33.7 19.2-46.1c12.3-12.4 28.7-19.3 46.1-19.3m0-28c-51.3 0-93.3 42-93.3 93.3s42 93.3 93.3 93.3 93.3-42 93.3-93.3-42-93.3-93.3-93.3z" fill="currentColor"/><path d="M368 192h-48l-29.5-60.1c-5.6-9.3-15.9-15.9-27.1-15.9-8.4 0-16.8 3.7-22.4 9.3l-71.7 69.1c-5.6 5.6-9.3 14-9.3 22.4 0 17.4 12.6 23.6 18.5 27.1C224 270.1 240 273 240 286.1V352c0 8.8 7.2 16 16 16s16-7.2 16-16v-90c0-13.2-30.4-24-48.3-38l48.9-51.5c18.7 28.5 27.3 51.5 38 51.5H368c8.8 0 16-7.2 16-16s-7.2-16-16-16z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-bicycle {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M125.3%20289.3c17.3%200%2033.7%206.8%2046.1%2019.2%2012.4%2012.4%2019.2%2028.8%2019.2%2046.1s-6.8%2033.7-19.2%2046.1c-12.4%2012.4-28.8%2019.2-46.1%2019.2s-33.7-6.8-46.1-19.2C66.8%20388.4%2060%20372%2060%20354.7s6.8-33.7%2019.2-46.1c12.4-12.4%2028.8-19.3%2046.1-19.3m0-28c-51.3%200-93.3%2042-93.3%2093.3C32%20406%2074%20448%20125.3%20448s93.3-42%2093.3-93.3c.1-51.4-41.9-93.4-93.3-93.4z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M319.8%20127.8c17.8%200%2032-14.2%2032-32S337.8%2064%20320%2064s-32.2%2014-32.2%2031.8c0%2017.7%2014.3%2032%2032%2032z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M386.7%20289.3c17.3%200%2033.7%206.8%2046.1%2019.2%2012.4%2012.4%2019.2%2028.8%2019.2%2046.1s-6.8%2033.7-19.2%2046.1C420.4%20413.2%20404%20420%20386.7%20420s-33.7-6.8-46.1-19.2c-12.4-12.4-19.2-28.8-19.2-46.1s6.8-33.7%2019.2-46.1c12.3-12.4%2028.7-19.3%2046.1-19.3m0-28c-51.3%200-93.3%2042-93.3%2093.3s42%2093.3%2093.3%2093.3%2093.3-42%2093.3-93.3-42-93.3-93.3-93.3z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M368%20192h-48l-29.5-60.1c-5.6-9.3-15.9-15.9-27.1-15.9-8.4%200-16.8%203.7-22.4%209.3l-71.7%2069.1c-5.6%205.6-9.3%2014-9.3%2022.4%200%2017.4%2012.6%2023.6%2018.5%2027.1C224%20270.1%20240%20273%20240%20286.1V352c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16v-90c0-13.2-30.4-24-48.3-38l48.9-51.5c18.7%2028.5%2027.3%2051.5%2038%2051.5H368c8.8%200%2016-7.2%2016-16s-7.2-16-16-16z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M125.3%20289.3c17.3%200%2033.7%206.8%2046.1%2019.2%2012.4%2012.4%2019.2%2028.8%2019.2%2046.1s-6.8%2033.7-19.2%2046.1c-12.4%2012.4-28.8%2019.2-46.1%2019.2s-33.7-6.8-46.1-19.2C66.8%20388.4%2060%20372%2060%20354.7s6.8-33.7%2019.2-46.1c12.4-12.4%2028.8-19.3%2046.1-19.3m0-28c-51.3%200-93.3%2042-93.3%2093.3C32%20406%2074%20448%20125.3%20448s93.3-42%2093.3-93.3c.1-51.4-41.9-93.4-93.3-93.4z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M319.8%20127.8c17.8%200%2032-14.2%2032-32S337.8%2064%20320%2064s-32.2%2014-32.2%2031.8c0%2017.7%2014.3%2032%2032%2032z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M386.7%20289.3c17.3%200%2033.7%206.8%2046.1%2019.2%2012.4%2012.4%2019.2%2028.8%2019.2%2046.1s-6.8%2033.7-19.2%2046.1C420.4%20413.2%20404%20420%20386.7%20420s-33.7-6.8-46.1-19.2c-12.4-12.4-19.2-28.8-19.2-46.1s6.8-33.7%2019.2-46.1c12.3-12.4%2028.7-19.3%2046.1-19.3m0-28c-51.3%200-93.3%2042-93.3%2093.3s42%2093.3%2093.3%2093.3%2093.3-42%2093.3-93.3-42-93.3-93.3-93.3z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M368%20192h-48l-29.5-60.1c-5.6-9.3-15.9-15.9-27.1-15.9-8.4%200-16.8%203.7-22.4%209.3l-71.7%2069.1c-5.6%205.6-9.3%2014-9.3%2022.4%200%2017.4%2012.6%2023.6%2018.5%2027.1C224%20270.1%20240%20273%20240%20286.1V352c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16v-90c0-13.2-30.4-24-48.3-38l48.9-51.5c18.7%2028.5%2027.3%2051.5%2038%2051.5H368c8.8%200%2016-7.2%2016-16s-7.2-16-16-16z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-bicycle.svg?color=%231a73e8&size=48
