cycling icon
cycling from Reicon by REICON · Outline · Sports · MIT Free for personal and commercial use.
- Name
- cycling
- Set
- Reicon
- Style
- Outline
- Category
- Sports
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
More sports icons from Reicon
Use the cycling icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15 2.75a1.25 1.25 0 1 0 0 2.5a1.25 1.25 0 0 0 0-2.5M12.25 4a2.75 2.75 0 1 1 5.5 0a2.75 2.75 0 0 1-5.5 0m-.089 3.115l.035.035l.578.574c.909.903 1.225 1.2 1.605 1.356s.814.17 2.095.17H18.5a.75.75 0 0 1 0 1.5h-2.168c-1.083 0-1.836 0-2.525-.283c-.689-.284-1.222-.815-1.99-1.58l-.1-.1l-.578-.573c-.409-.406-.66-.653-.86-.803a.8.8 0 0 0-.185-.11l-.01.006a.8.8 0 0 0-.152.135c-.17.185-.373.472-.701.946l-1.227 1.767c-.334.482-.537.777-.652 1.007a.8.8 0 0 0-.076.204l.007.008a.8.8 0 0 0 .165.125c.218.135.546.28 1.083.515l1.516.66c.648.284 1.194.522 1.614.768c.447.262.825.572 1.078 1.035c.253.464.311.949.29 1.466c-.019.487-.113 1.076-.224 1.774l-.064.401a.75.75 0 1 1-1.482-.236l.058-.359c.12-.752.198-1.252.214-1.64c.014-.367-.033-.549-.108-.686c-.075-.136-.202-.275-.52-.46c-.334-.197-.797-.4-1.496-.705l-1.522-.664c-.476-.208-.905-.395-1.226-.593c-.348-.215-.69-.515-.827-1c-.138-.486-.004-.92.18-1.286c.168-.336.435-.72.731-1.148l.029-.041l1.227-1.768l.028-.04c.29-.42.553-.798.806-1.07c.275-.296.63-.57 1.125-.615s.893.16 1.217.402c.297.222.624.546.986.906M6 15.75a2.25 2.25 0 1 0 0 4.5a2.25 2.25 0 0 0 0-4.5M2.25 18a3.75 3.75 0 1 1 7.5 0a3.75 3.75 0 0 1-7.5 0M18 15.75a2.25 2.25 0 1 0 0 4.5a2.25 2.25 0 0 0 0-4.5M14.25 18a3.75 3.75 0 1 1 7.5 0a3.75 3.75 0 0 1-7.5 0" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconCycling(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M15 2.75a1.25 1.25 0 1 0 0 2.5a1.25 1.25 0 0 0 0-2.5M12.25 4a2.75 2.75 0 1 1 5.5 0a2.75 2.75 0 0 1-5.5 0m-.089 3.115l.035.035l.578.574c.909.903 1.225 1.2 1.605 1.356s.814.17 2.095.17H18.5a.75.75 0 0 1 0 1.5h-2.168c-1.083 0-1.836 0-2.525-.283c-.689-.284-1.222-.815-1.99-1.58l-.1-.1l-.578-.573c-.409-.406-.66-.653-.86-.803a.8.8 0 0 0-.185-.11l-.01.006a.8.8 0 0 0-.152.135c-.17.185-.373.472-.701.946l-1.227 1.767c-.334.482-.537.777-.652 1.007a.8.8 0 0 0-.076.204l.007.008a.8.8 0 0 0 .165.125c.218.135.546.28 1.083.515l1.516.66c.648.284 1.194.522 1.614.768c.447.262.825.572 1.078 1.035c.253.464.311.949.29 1.466c-.019.487-.113 1.076-.224 1.774l-.064.401a.75.75 0 1 1-1.482-.236l.058-.359c.12-.752.198-1.252.214-1.64c.014-.367-.033-.549-.108-.686c-.075-.136-.202-.275-.52-.46c-.334-.197-.797-.4-1.496-.705l-1.522-.664c-.476-.208-.905-.395-1.226-.593c-.348-.215-.69-.515-.827-1c-.138-.486-.004-.92.18-1.286c.168-.336.435-.72.731-1.148l.029-.041l1.227-1.768l.028-.04c.29-.42.553-.798.806-1.07c.275-.296.63-.57 1.125-.615s.893.16 1.217.402c.297.222.624.546.986.906M6 15.75a2.25 2.25 0 1 0 0 4.5a2.25 2.25 0 0 0 0-4.5M2.25 18a3.75 3.75 0 1 1 7.5 0a3.75 3.75 0 0 1-7.5 0M18 15.75a2.25 2.25 0 1 0 0 4.5a2.25 2.25 0 0 0 0-4.5M14.25 18a3.75 3.75 0 1 1 7.5 0a3.75 3.75 0 0 1-7.5 0" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15 2.75a1.25 1.25 0 1 0 0 2.5a1.25 1.25 0 0 0 0-2.5M12.25 4a2.75 2.75 0 1 1 5.5 0a2.75 2.75 0 0 1-5.5 0m-.089 3.115l.035.035l.578.574c.909.903 1.225 1.2 1.605 1.356s.814.17 2.095.17H18.5a.75.75 0 0 1 0 1.5h-2.168c-1.083 0-1.836 0-2.525-.283c-.689-.284-1.222-.815-1.99-1.58l-.1-.1l-.578-.573c-.409-.406-.66-.653-.86-.803a.8.8 0 0 0-.185-.11l-.01.006a.8.8 0 0 0-.152.135c-.17.185-.373.472-.701.946l-1.227 1.767c-.334.482-.537.777-.652 1.007a.8.8 0 0 0-.076.204l.007.008a.8.8 0 0 0 .165.125c.218.135.546.28 1.083.515l1.516.66c.648.284 1.194.522 1.614.768c.447.262.825.572 1.078 1.035c.253.464.311.949.29 1.466c-.019.487-.113 1.076-.224 1.774l-.064.401a.75.75 0 1 1-1.482-.236l.058-.359c.12-.752.198-1.252.214-1.64c.014-.367-.033-.549-.108-.686c-.075-.136-.202-.275-.52-.46c-.334-.197-.797-.4-1.496-.705l-1.522-.664c-.476-.208-.905-.395-1.226-.593c-.348-.215-.69-.515-.827-1c-.138-.486-.004-.92.18-1.286c.168-.336.435-.72.731-1.148l.029-.041l1.227-1.768l.028-.04c.29-.42.553-.798.806-1.07c.275-.296.63-.57 1.125-.615s.893.16 1.217.402c.297.222.624.546.986.906M6 15.75a2.25 2.25 0 1 0 0 4.5a2.25 2.25 0 0 0 0-4.5M2.25 18a3.75 3.75 0 1 1 7.5 0a3.75 3.75 0 0 1-7.5 0M18 15.75a2.25 2.25 0 1 0 0 4.5a2.25 2.25 0 0 0 0-4.5M14.25 18a3.75 3.75 0 1 1 7.5 0a3.75 3.75 0 0 1-7.5 0" clip-rule="evenodd"/></svg> </template>
CSS
.icon-cycling {
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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15%202.75a1.25%201.25%200%201%200%200%202.5a1.25%201.25%200%200%200%200-2.5M12.25%204a2.75%202.75%200%201%201%205.5%200a2.75%202.75%200%200%201-5.5%200m-.089%203.115l.035.035l.578.574c.909.903%201.225%201.2%201.605%201.356s.814.17%202.095.17H18.5a.75.75%200%200%201%200%201.5h-2.168c-1.083%200-1.836%200-2.525-.283c-.689-.284-1.222-.815-1.99-1.58l-.1-.1l-.578-.573c-.409-.406-.66-.653-.86-.803a.8.8%200%200%200-.185-.11l-.01.006a.8.8%200%200%200-.152.135c-.17.185-.373.472-.701.946l-1.227%201.767c-.334.482-.537.777-.652%201.007a.8.8%200%200%200-.076.204l.007.008a.8.8%200%200%200%20.165.125c.218.135.546.28%201.083.515l1.516.66c.648.284%201.194.522%201.614.768c.447.262.825.572%201.078%201.035c.253.464.311.949.29%201.466c-.019.487-.113%201.076-.224%201.774l-.064.401a.75.75%200%201%201-1.482-.236l.058-.359c.12-.752.198-1.252.214-1.64c.014-.367-.033-.549-.108-.686c-.075-.136-.202-.275-.52-.46c-.334-.197-.797-.4-1.496-.705l-1.522-.664c-.476-.208-.905-.395-1.226-.593c-.348-.215-.69-.515-.827-1c-.138-.486-.004-.92.18-1.286c.168-.336.435-.72.731-1.148l.029-.041l1.227-1.768l.028-.04c.29-.42.553-.798.806-1.07c.275-.296.63-.57%201.125-.615s.893.16%201.217.402c.297.222.624.546.986.906M6%2015.75a2.25%202.25%200%201%200%200%204.5a2.25%202.25%200%200%200%200-4.5M2.25%2018a3.75%203.75%200%201%201%207.5%200a3.75%203.75%200%200%201-7.5%200M18%2015.75a2.25%202.25%200%201%200%200%204.5a2.25%202.25%200%200%200%200-4.5M14.25%2018a3.75%203.75%200%201%201%207.5%200a3.75%203.75%200%200%201-7.5%200%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15%202.75a1.25%201.25%200%201%200%200%202.5a1.25%201.25%200%200%200%200-2.5M12.25%204a2.75%202.75%200%201%201%205.5%200a2.75%202.75%200%200%201-5.5%200m-.089%203.115l.035.035l.578.574c.909.903%201.225%201.2%201.605%201.356s.814.17%202.095.17H18.5a.75.75%200%200%201%200%201.5h-2.168c-1.083%200-1.836%200-2.525-.283c-.689-.284-1.222-.815-1.99-1.58l-.1-.1l-.578-.573c-.409-.406-.66-.653-.86-.803a.8.8%200%200%200-.185-.11l-.01.006a.8.8%200%200%200-.152.135c-.17.185-.373.472-.701.946l-1.227%201.767c-.334.482-.537.777-.652%201.007a.8.8%200%200%200-.076.204l.007.008a.8.8%200%200%200%20.165.125c.218.135.546.28%201.083.515l1.516.66c.648.284%201.194.522%201.614.768c.447.262.825.572%201.078%201.035c.253.464.311.949.29%201.466c-.019.487-.113%201.076-.224%201.774l-.064.401a.75.75%200%201%201-1.482-.236l.058-.359c.12-.752.198-1.252.214-1.64c.014-.367-.033-.549-.108-.686c-.075-.136-.202-.275-.52-.46c-.334-.197-.797-.4-1.496-.705l-1.522-.664c-.476-.208-.905-.395-1.226-.593c-.348-.215-.69-.515-.827-1c-.138-.486-.004-.92.18-1.286c.168-.336.435-.72.731-1.148l.029-.041l1.227-1.768l.028-.04c.29-.42.553-.798.806-1.07c.275-.296.63-.57%201.125-.615s.893.16%201.217.402c.297.222.624.546.986.906M6%2015.75a2.25%202.25%200%201%200%200%204.5a2.25%202.25%200%200%200%200-4.5M2.25%2018a3.75%203.75%200%201%201%207.5%200a3.75%203.75%200%200%201-7.5%200M18%2015.75a2.25%202.25%200%201%200%200%204.5a2.25%202.25%200%200%200%200-4.5M14.25%2018a3.75%203.75%200%201%201%207.5%200a3.75%203.75%200%200%201-7.5%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/cycling.svg?color=%231a73e8&size=48
