bicycling icon
bicycling-line-duotone from Solar by 480 Design · Line Duotone · Sports · CC-BY-4.0 Attribution required.
- Name
- bicycling-line-duotone
- Set
- Solar
- Style
- Line Duotone
- Category
- Sports
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More sports icons from Solar
balls-boldbasketball-boldbicycling-round-boldbody-shape-boldbody-shape-minimalistic-boldbowling-bolddumbbell-bolddumbbell-large-bolddumbbell-large-minimalistic-bolddumbbell-small-bolddumbbells-2-bolddumbbells-boldfootball-boldgolf-boldhiking-boldhiking-minimalistic-boldhiking-round-boldmeditation-boldmeditation-round-boldranking-boldrugby-boldrunning-2-boldrunning-boldrunning-round-bold
Use the bicycling icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="15" cy="4" r="2"/><circle cx="6" cy="18" r="3" opacity=".5"/><circle cx="18" cy="18" r="3" opacity=".5"/><path stroke-linecap="round" d="M18.5 9.99951H16.4744C15.2534 9.99951 14.6429 9.99951 14.0934 9.77292C13.544 9.54633 13.111 9.11597 12.2449 8.25524L11.6676 7.68145C10.8828 6.90152 10.4904 6.51155 10.0257 6.5539C9.56102 6.59624 9.24559 7.05071 8.61471 7.95964L7.38809 9.72689C6.74573 10.6524 6.42454 11.1151 6.55348 11.5698C6.68242 12.0246 7.1987 12.2498 8.23125 12.7004L9.70695 13.3443C11.0709 13.9394 11.7529 14.237 12.081 14.8369C12.4091 15.4368 12.2918 16.1715 12.0572 17.6411L12 17.9995"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarBicyclingLineDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><circle cx="15" cy="4" r="2"/><circle cx="6" cy="18" r="3" opacity=".5"/><circle cx="18" cy="18" r="3" opacity=".5"/><path strokeLinecap="round" d="M18.5 9.99951H16.4744C15.2534 9.99951 14.6429 9.99951 14.0934 9.77292C13.544 9.54633 13.111 9.11597 12.2449 8.25524L11.6676 7.68145C10.8828 6.90152 10.4904 6.51155 10.0257 6.5539C9.56102 6.59624 9.24559 7.05071 8.61471 7.95964L7.38809 9.72689C6.74573 10.6524 6.42454 11.1151 6.55348 11.5698C6.68242 12.0246 7.1987 12.2498 8.23125 12.7004L9.70695 13.3443C11.0709 13.9394 11.7529 14.237 12.081 14.8369C12.4091 15.4368 12.2918 16.1715 12.0572 17.6411L12 17.9995"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="15" cy="4" r="2"/><circle cx="6" cy="18" r="3" opacity=".5"/><circle cx="18" cy="18" r="3" opacity=".5"/><path stroke-linecap="round" d="M18.5 9.99951H16.4744C15.2534 9.99951 14.6429 9.99951 14.0934 9.77292C13.544 9.54633 13.111 9.11597 12.2449 8.25524L11.6676 7.68145C10.8828 6.90152 10.4904 6.51155 10.0257 6.5539C9.56102 6.59624 9.24559 7.05071 8.61471 7.95964L7.38809 9.72689C6.74573 10.6524 6.42454 11.1151 6.55348 11.5698C6.68242 12.0246 7.1987 12.2498 8.23125 12.7004L9.70695 13.3443C11.0709 13.9394 11.7529 14.237 12.081 14.8369C12.4091 15.4368 12.2918 16.1715 12.0572 17.6411L12 17.9995"/></g></svg> </template>
CSS
.icon-bicycling-line-duotone {
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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%224%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2218%22%20r%3D%223%22%20opacity%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%223%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M18.5%209.99951H16.4744C15.2534%209.99951%2014.6429%209.99951%2014.0934%209.77292C13.544%209.54633%2013.111%209.11597%2012.2449%208.25524L11.6676%207.68145C10.8828%206.90152%2010.4904%206.51155%2010.0257%206.5539C9.56102%206.59624%209.24559%207.05071%208.61471%207.95964L7.38809%209.72689C6.74573%2010.6524%206.42454%2011.1151%206.55348%2011.5698C6.68242%2012.0246%207.1987%2012.2498%208.23125%2012.7004L9.70695%2013.3443C11.0709%2013.9394%2011.7529%2014.237%2012.081%2014.8369C12.4091%2015.4368%2012.2918%2016.1715%2012.0572%2017.6411L12%2017.9995%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%224%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2218%22%20r%3D%223%22%20opacity%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%223%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M18.5%209.99951H16.4744C15.2534%209.99951%2014.6429%209.99951%2014.0934%209.77292C13.544%209.54633%2013.111%209.11597%2012.2449%208.25524L11.6676%207.68145C10.8828%206.90152%2010.4904%206.51155%2010.0257%206.5539C9.56102%206.59624%209.24559%207.05071%208.61471%207.95964L7.38809%209.72689C6.74573%2010.6524%206.42454%2011.1151%206.55348%2011.5698C6.68242%2012.0246%207.1987%2012.2498%208.23125%2012.7004L9.70695%2013.3443C11.0709%2013.9394%2011.7529%2014.237%2012.081%2014.8369C12.4091%2015.4368%2012.2918%2016.1715%2012.0572%2017.6411L12%2017.9995%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/bicycling-line-duotone.svg?color=%231a73e8&size=48
