cycling icon
cycling-duotone from Reicon by REICON · Duotone · Sports · MIT Free for personal and commercial use.
- Name
- cycling-duotone
- Set
- Reicon
- Style
- Duotone
- 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"><g fill="currentColor"><path d="M17 4a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/><path fill-rule="evenodd" d="m12.161 7.115l.613.609c.91.903 1.226 1.2 1.606 1.356s.813.17 2.095.17H18.5a.75.75 0 0 1 0 1.5h-2.167c-1.083 0-1.836 0-2.525-.283c-.69-.284-1.223-.815-1.99-1.58l-.102-.1l-.577-.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-.372.472-.7.946l-1.228 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.615.768c.446.262.824.572 1.077 1.035c.254.464.311.949.29 1.466c-.019.487-.113 1.076-.224 1.774l-.064.401a.75.75 0 1 1-1.481-.236l.057-.359c.12-.752.198-1.252.214-1.64c.015-.367-.033-.549-.108-.686c-.075-.136-.202-.275-.52-.46c-.334-.197-.797-.4-1.496-.705l-1.475-.644l-.047-.02c-.476-.208-.905-.395-1.226-.593c-.348-.215-.69-.515-.827-1c-.137-.486-.004-.92.18-1.286c.168-.336.435-.72.732-1.148l.028-.041L8 7.532l.028-.04c.291-.42.554-.798.806-1.07c.275-.296.63-.57 1.125-.615s.893.16 1.217.402c.298.222.624.546.986.906" clip-rule="evenodd"/><path fill-rule="evenodd" d="M18 14.25a3.75 3.75 0 1 0 0 7.5a3.75 3.75 0 0 0 0-7.5m0 1.5a2.25 2.25 0 1 0 0 4.5a2.25 2.25 0 0 0 0-4.5m-12-1.5a3.75 3.75 0 1 0 0 7.5a3.75 3.75 0 0 0 0-7.5m0 1.5a2.25 2.25 0 1 0 0 4.5a2.25 2.25 0 0 0 0-4.5" clip-rule="evenodd" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconCyclingDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17 4a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/><path fillRule="evenodd" d="m12.161 7.115l.613.609c.91.903 1.226 1.2 1.606 1.356s.813.17 2.095.17H18.5a.75.75 0 0 1 0 1.5h-2.167c-1.083 0-1.836 0-2.525-.283c-.69-.284-1.223-.815-1.99-1.58l-.102-.1l-.577-.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-.372.472-.7.946l-1.228 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.615.768c.446.262.824.572 1.077 1.035c.254.464.311.949.29 1.466c-.019.487-.113 1.076-.224 1.774l-.064.401a.75.75 0 1 1-1.481-.236l.057-.359c.12-.752.198-1.252.214-1.64c.015-.367-.033-.549-.108-.686c-.075-.136-.202-.275-.52-.46c-.334-.197-.797-.4-1.496-.705l-1.475-.644l-.047-.02c-.476-.208-.905-.395-1.226-.593c-.348-.215-.69-.515-.827-1c-.137-.486-.004-.92.18-1.286c.168-.336.435-.72.732-1.148l.028-.041L8 7.532l.028-.04c.291-.42.554-.798.806-1.07c.275-.296.63-.57 1.125-.615s.893.16 1.217.402c.298.222.624.546.986.906" clipRule="evenodd"/><path fillRule="evenodd" d="M18 14.25a3.75 3.75 0 1 0 0 7.5a3.75 3.75 0 0 0 0-7.5m0 1.5a2.25 2.25 0 1 0 0 4.5a2.25 2.25 0 0 0 0-4.5m-12-1.5a3.75 3.75 0 1 0 0 7.5a3.75 3.75 0 0 0 0-7.5m0 1.5a2.25 2.25 0 1 0 0 4.5a2.25 2.25 0 0 0 0-4.5" clipRule="evenodd" opacity=".5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17 4a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/><path fill-rule="evenodd" d="m12.161 7.115l.613.609c.91.903 1.226 1.2 1.606 1.356s.813.17 2.095.17H18.5a.75.75 0 0 1 0 1.5h-2.167c-1.083 0-1.836 0-2.525-.283c-.69-.284-1.223-.815-1.99-1.58l-.102-.1l-.577-.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-.372.472-.7.946l-1.228 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.615.768c.446.262.824.572 1.077 1.035c.254.464.311.949.29 1.466c-.019.487-.113 1.076-.224 1.774l-.064.401a.75.75 0 1 1-1.481-.236l.057-.359c.12-.752.198-1.252.214-1.64c.015-.367-.033-.549-.108-.686c-.075-.136-.202-.275-.52-.46c-.334-.197-.797-.4-1.496-.705l-1.475-.644l-.047-.02c-.476-.208-.905-.395-1.226-.593c-.348-.215-.69-.515-.827-1c-.137-.486-.004-.92.18-1.286c.168-.336.435-.72.732-1.148l.028-.041L8 7.532l.028-.04c.291-.42.554-.798.806-1.07c.275-.296.63-.57 1.125-.615s.893.16 1.217.402c.298.222.624.546.986.906" clip-rule="evenodd"/><path fill-rule="evenodd" d="M18 14.25a3.75 3.75 0 1 0 0 7.5a3.75 3.75 0 0 0 0-7.5m0 1.5a2.25 2.25 0 1 0 0 4.5a2.25 2.25 0 0 0 0-4.5m-12-1.5a3.75 3.75 0 1 0 0 7.5a3.75 3.75 0 0 0 0-7.5m0 1.5a2.25 2.25 0 1 0 0 4.5a2.25 2.25 0 0 0 0-4.5" clip-rule="evenodd" opacity=".5"/></g></svg> </template>
CSS
.icon-cycling-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%22currentColor%22%3E%3Cpath%20d%3D%22M17%204a2%202%200%201%201-4%200a2%202%200%200%201%204%200%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m12.161%207.115l.613.609c.91.903%201.226%201.2%201.606%201.356s.813.17%202.095.17H18.5a.75.75%200%200%201%200%201.5h-2.167c-1.083%200-1.836%200-2.525-.283c-.69-.284-1.223-.815-1.99-1.58l-.102-.1l-.577-.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-.372.472-.7.946l-1.228%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.615.768c.446.262.824.572%201.077%201.035c.254.464.311.949.29%201.466c-.019.487-.113%201.076-.224%201.774l-.064.401a.75.75%200%201%201-1.481-.236l.057-.359c.12-.752.198-1.252.214-1.64c.015-.367-.033-.549-.108-.686c-.075-.136-.202-.275-.52-.46c-.334-.197-.797-.4-1.496-.705l-1.475-.644l-.047-.02c-.476-.208-.905-.395-1.226-.593c-.348-.215-.69-.515-.827-1c-.137-.486-.004-.92.18-1.286c.168-.336.435-.72.732-1.148l.028-.041L8%207.532l.028-.04c.291-.42.554-.798.806-1.07c.275-.296.63-.57%201.125-.615s.893.16%201.217.402c.298.222.624.546.986.906%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M18%2014.25a3.75%203.75%200%201%200%200%207.5a3.75%203.75%200%200%200%200-7.5m0%201.5a2.25%202.25%200%201%200%200%204.5a2.25%202.25%200%200%200%200-4.5m-12-1.5a3.75%203.75%200%201%200%200%207.5a3.75%203.75%200%200%200%200-7.5m0%201.5a2.25%202.25%200%201%200%200%204.5a2.25%202.25%200%200%200%200-4.5%22%20clip-rule%3D%22evenodd%22%20opacity%3D%22.5%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%22currentColor%22%3E%3Cpath%20d%3D%22M17%204a2%202%200%201%201-4%200a2%202%200%200%201%204%200%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m12.161%207.115l.613.609c.91.903%201.226%201.2%201.606%201.356s.813.17%202.095.17H18.5a.75.75%200%200%201%200%201.5h-2.167c-1.083%200-1.836%200-2.525-.283c-.69-.284-1.223-.815-1.99-1.58l-.102-.1l-.577-.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-.372.472-.7.946l-1.228%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.615.768c.446.262.824.572%201.077%201.035c.254.464.311.949.29%201.466c-.019.487-.113%201.076-.224%201.774l-.064.401a.75.75%200%201%201-1.481-.236l.057-.359c.12-.752.198-1.252.214-1.64c.015-.367-.033-.549-.108-.686c-.075-.136-.202-.275-.52-.46c-.334-.197-.797-.4-1.496-.705l-1.475-.644l-.047-.02c-.476-.208-.905-.395-1.226-.593c-.348-.215-.69-.515-.827-1c-.137-.486-.004-.92.18-1.286c.168-.336.435-.72.732-1.148l.028-.041L8%207.532l.028-.04c.291-.42.554-.798.806-1.07c.275-.296.63-.57%201.125-.615s.893.16%201.217.402c.298.222.624.546.986.906%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M18%2014.25a3.75%203.75%200%201%200%200%207.5a3.75%203.75%200%200%200%200-7.5m0%201.5a2.25%202.25%200%201%200%200%204.5a2.25%202.25%200%200%200%200-4.5m-12-1.5a3.75%203.75%200%201%200%200%207.5a3.75%203.75%200%200%200%200-7.5m0%201.5a2.25%202.25%200%201%200%200%204.5a2.25%202.25%200%200%200%200-4.5%22%20clip-rule%3D%22evenodd%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/cycling-duotone.svg?color=%231a73e8&size=48
