vespa motorcycle icon
vespa-motorcycle from Health Icons by Resolve to Save Lives · Filled · Vehicles · MIT Free for personal and commercial use.
- Name
- vespa-motorcycle
- Set
- Health Icons
- Style
- Filled
- Category
- Vehicles
- Viewbox
- 48×48
- License
- MIT
1 other variant in Health Icons
More vehicles icons from Health Icons
Use the vespa motorcycle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M29.004 13.674L25 12.97l.346-1.97l4.136.727A3.5 3.5 0 0 1 32.5 10h3.885c.34 0 .615.275.615.615v5.77c0 .34-.276.615-.615.615H32.5a3.5 3.5 0 0 1-3.496-3.326"/><path fill-rule="evenodd" d="M30.805 18.563L29.875 26H23v-1.28c0-.398-.378-.72-.844-.72h-8.07C8.516 24 4 27.85 4 32.6c0 .22.21.4.47.4h4.552a5.5 5.5 0 0 0 10.956 0h.91q.057 0 .112-.002V33h10.366c.202.68.783 1.115 1.418 1.25a5.5 5.5 0 0 0 10.703-2.137c.445-.464.669-1.145.395-1.882A6.5 6.5 0 0 0 35 26.628V19h-2.5a3.5 3.5 0 0 1-1.695-.437M16.95 33h-4.9a2.5 2.5 0 0 0 4.9 0m18.944.848a2.501 2.501 0 0 0 4.546-.801z" clip-rule="evenodd"/><path d="M9.17 20a3 3 0 0 1 .063-.162M9.17 20c-.11.313-.17.65-.17 1v1h15v-1q-.002-.507-.158-.962L23.83 20A3 3 0 0 0 21 18h-9a3 3 0 0 0-2.764 1.832"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsVespaMotorcycle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M29.004 13.674L25 12.97l.346-1.97l4.136.727A3.5 3.5 0 0 1 32.5 10h3.885c.34 0 .615.275.615.615v5.77c0 .34-.276.615-.615.615H32.5a3.5 3.5 0 0 1-3.496-3.326"/><path fillRule="evenodd" d="M30.805 18.563L29.875 26H23v-1.28c0-.398-.378-.72-.844-.72h-8.07C8.516 24 4 27.85 4 32.6c0 .22.21.4.47.4h4.552a5.5 5.5 0 0 0 10.956 0h.91q.057 0 .112-.002V33h10.366c.202.68.783 1.115 1.418 1.25a5.5 5.5 0 0 0 10.703-2.137c.445-.464.669-1.145.395-1.882A6.5 6.5 0 0 0 35 26.628V19h-2.5a3.5 3.5 0 0 1-1.695-.437M16.95 33h-4.9a2.5 2.5 0 0 0 4.9 0m18.944.848a2.501 2.501 0 0 0 4.546-.801z" clipRule="evenodd"/><path d="M9.17 20a3 3 0 0 1 .063-.162M9.17 20c-.11.313-.17.65-.17 1v1h15v-1q-.002-.507-.158-.962L23.83 20A3 3 0 0 0 21 18h-9a3 3 0 0 0-2.764 1.832"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M29.004 13.674L25 12.97l.346-1.97l4.136.727A3.5 3.5 0 0 1 32.5 10h3.885c.34 0 .615.275.615.615v5.77c0 .34-.276.615-.615.615H32.5a3.5 3.5 0 0 1-3.496-3.326"/><path fill-rule="evenodd" d="M30.805 18.563L29.875 26H23v-1.28c0-.398-.378-.72-.844-.72h-8.07C8.516 24 4 27.85 4 32.6c0 .22.21.4.47.4h4.552a5.5 5.5 0 0 0 10.956 0h.91q.057 0 .112-.002V33h10.366c.202.68.783 1.115 1.418 1.25a5.5 5.5 0 0 0 10.703-2.137c.445-.464.669-1.145.395-1.882A6.5 6.5 0 0 0 35 26.628V19h-2.5a3.5 3.5 0 0 1-1.695-.437M16.95 33h-4.9a2.5 2.5 0 0 0 4.9 0m18.944.848a2.501 2.501 0 0 0 4.546-.801z" clip-rule="evenodd"/><path d="M9.17 20a3 3 0 0 1 .063-.162M9.17 20c-.11.313-.17.65-.17 1v1h15v-1q-.002-.507-.158-.962L23.83 20A3 3 0 0 0 21 18h-9a3 3 0 0 0-2.764 1.832"/></g></svg> </template>
CSS
.icon-vespa-motorcycle {
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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M29.004%2013.674L25%2012.97l.346-1.97l4.136.727A3.5%203.5%200%200%201%2032.5%2010h3.885c.34%200%20.615.275.615.615v5.77c0%20.34-.276.615-.615.615H32.5a3.5%203.5%200%200%201-3.496-3.326%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M30.805%2018.563L29.875%2026H23v-1.28c0-.398-.378-.72-.844-.72h-8.07C8.516%2024%204%2027.85%204%2032.6c0%20.22.21.4.47.4h4.552a5.5%205.5%200%200%200%2010.956%200h.91q.057%200%20.112-.002V33h10.366c.202.68.783%201.115%201.418%201.25a5.5%205.5%200%200%200%2010.703-2.137c.445-.464.669-1.145.395-1.882A6.5%206.5%200%200%200%2035%2026.628V19h-2.5a3.5%203.5%200%200%201-1.695-.437M16.95%2033h-4.9a2.5%202.5%200%200%200%204.9%200m18.944.848a2.501%202.501%200%200%200%204.546-.801z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M9.17%2020a3%203%200%200%201%20.063-.162M9.17%2020c-.11.313-.17.65-.17%201v1h15v-1q-.002-.507-.158-.962L23.83%2020A3%203%200%200%200%2021%2018h-9a3%203%200%200%200-2.764%201.832%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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M29.004%2013.674L25%2012.97l.346-1.97l4.136.727A3.5%203.5%200%200%201%2032.5%2010h3.885c.34%200%20.615.275.615.615v5.77c0%20.34-.276.615-.615.615H32.5a3.5%203.5%200%200%201-3.496-3.326%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M30.805%2018.563L29.875%2026H23v-1.28c0-.398-.378-.72-.844-.72h-8.07C8.516%2024%204%2027.85%204%2032.6c0%20.22.21.4.47.4h4.552a5.5%205.5%200%200%200%2010.956%200h.91q.057%200%20.112-.002V33h10.366c.202.68.783%201.115%201.418%201.25a5.5%205.5%200%200%200%2010.703-2.137c.445-.464.669-1.145.395-1.882A6.5%206.5%200%200%200%2035%2026.628V19h-2.5a3.5%203.5%200%200%201-1.695-.437M16.95%2033h-4.9a2.5%202.5%200%200%200%204.9%200m18.944.848a2.501%202.501%200%200%200%204.546-.801z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M9.17%2020a3%203%200%200%201%20.063-.162M9.17%2020c-.11.313-.17.65-.17%201v1h15v-1q-.002-.507-.158-.962L23.83%2020A3%203%200%200%200%2021%2018h-9a3%203%200%200%200-2.764%201.832%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/vespa-motorcycle.svg?color=%231a73e8&size=48
