scooter2 icon

scooter2-duotone from Reicon by REICON · Duotone · Parts · MIT Free for personal and commercial use.

Name
scooter2-duotone
Set
Reicon
Style
Duotone
Category
Parts
Viewbox
24×24
License
MIT

2 other variants in Reicon

More parts icons from Reicon

Use the scooter2 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M16.631 4.769a15 15 0 0 0-1.022-.019H14.38a.75.75 0 1 1 0-1.5h1.255c.435 0 .803 0 1.107.023c.32.024.622.075.918.206c.456.202.846.529 1.124.942c.181.269.283.558.36.867c.073.294.133.653.205 1.077l1.009 5.98a.75.75 0 0 1-.74.876c-2.487 0-4.488 1.99-4.488 4.426a.75.75 0 0 1-.75.75H7.42a3.13 3.13 0 0 1-3.039 2.353c-1.72 0-3.131-1.38-3.131-3.103c0-1.722 1.41-3.103 3.131-3.103c1.462 0 2.7.997 3.039 2.353h6.258c.337-2.64 2.425-4.73 5.065-5.113l-.868-5.143c-.077-.458-.128-.76-.186-.991c-.055-.222-.103-.324-.148-.391a1.15 1.15 0 0 0-.488-.408c-.077-.034-.19-.065-.422-.082"/><path fill-rule="evenodd" d="M16.488 17.647c0-1.722 1.41-3.103 3.131-3.103s3.131 1.38 3.131 3.103c0 1.722-1.41 3.103-3.13 3.103c-1.722 0-3.132-1.381-3.132-3.103" clip-rule="evenodd" opacity=".5"/></g></svg>

React

import type { SVGProps } from "react";

export function ReiconScooter2Duotone(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="M16.631 4.769a15 15 0 0 0-1.022-.019H14.38a.75.75 0 1 1 0-1.5h1.255c.435 0 .803 0 1.107.023c.32.024.622.075.918.206c.456.202.846.529 1.124.942c.181.269.283.558.36.867c.073.294.133.653.205 1.077l1.009 5.98a.75.75 0 0 1-.74.876c-2.487 0-4.488 1.99-4.488 4.426a.75.75 0 0 1-.75.75H7.42a3.13 3.13 0 0 1-3.039 2.353c-1.72 0-3.131-1.38-3.131-3.103c0-1.722 1.41-3.103 3.131-3.103c1.462 0 2.7.997 3.039 2.353h6.258c.337-2.64 2.425-4.73 5.065-5.113l-.868-5.143c-.077-.458-.128-.76-.186-.991c-.055-.222-.103-.324-.148-.391a1.15 1.15 0 0 0-.488-.408c-.077-.034-.19-.065-.422-.082"/><path fillRule="evenodd" d="M16.488 17.647c0-1.722 1.41-3.103 3.131-3.103s3.131 1.38 3.131 3.103c0 1.722-1.41 3.103-3.13 3.103c-1.722 0-3.132-1.381-3.132-3.103" 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="M16.631 4.769a15 15 0 0 0-1.022-.019H14.38a.75.75 0 1 1 0-1.5h1.255c.435 0 .803 0 1.107.023c.32.024.622.075.918.206c.456.202.846.529 1.124.942c.181.269.283.558.36.867c.073.294.133.653.205 1.077l1.009 5.98a.75.75 0 0 1-.74.876c-2.487 0-4.488 1.99-4.488 4.426a.75.75 0 0 1-.75.75H7.42a3.13 3.13 0 0 1-3.039 2.353c-1.72 0-3.131-1.38-3.131-3.103c0-1.722 1.41-3.103 3.131-3.103c1.462 0 2.7.997 3.039 2.353h6.258c.337-2.64 2.425-4.73 5.065-5.113l-.868-5.143c-.077-.458-.128-.76-.186-.991c-.055-.222-.103-.324-.148-.391a1.15 1.15 0 0 0-.488-.408c-.077-.034-.19-.065-.422-.082"/><path fill-rule="evenodd" d="M16.488 17.647c0-1.722 1.41-3.103 3.131-3.103s3.131 1.38 3.131 3.103c0 1.722-1.41 3.103-3.13 3.103c-1.722 0-3.132-1.381-3.132-3.103" clip-rule="evenodd" opacity=".5"/></g></svg>
</template>

CSS

.icon-scooter2-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%22M16.631%204.769a15%2015%200%200%200-1.022-.019H14.38a.75.75%200%201%201%200-1.5h1.255c.435%200%20.803%200%201.107.023c.32.024.622.075.918.206c.456.202.846.529%201.124.942c.181.269.283.558.36.867c.073.294.133.653.205%201.077l1.009%205.98a.75.75%200%200%201-.74.876c-2.487%200-4.488%201.99-4.488%204.426a.75.75%200%200%201-.75.75H7.42a3.13%203.13%200%200%201-3.039%202.353c-1.72%200-3.131-1.38-3.131-3.103c0-1.722%201.41-3.103%203.131-3.103c1.462%200%202.7.997%203.039%202.353h6.258c.337-2.64%202.425-4.73%205.065-5.113l-.868-5.143c-.077-.458-.128-.76-.186-.991c-.055-.222-.103-.324-.148-.391a1.15%201.15%200%200%200-.488-.408c-.077-.034-.19-.065-.422-.082%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M16.488%2017.647c0-1.722%201.41-3.103%203.131-3.103s3.131%201.38%203.131%203.103c0%201.722-1.41%203.103-3.13%203.103c-1.722%200-3.132-1.381-3.132-3.103%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%22M16.631%204.769a15%2015%200%200%200-1.022-.019H14.38a.75.75%200%201%201%200-1.5h1.255c.435%200%20.803%200%201.107.023c.32.024.622.075.918.206c.456.202.846.529%201.124.942c.181.269.283.558.36.867c.073.294.133.653.205%201.077l1.009%205.98a.75.75%200%200%201-.74.876c-2.487%200-4.488%201.99-4.488%204.426a.75.75%200%200%201-.75.75H7.42a3.13%203.13%200%200%201-3.039%202.353c-1.72%200-3.131-1.38-3.131-3.103c0-1.722%201.41-3.103%203.131-3.103c1.462%200%202.7.997%203.039%202.353h6.258c.337-2.64%202.425-4.73%205.065-5.113l-.868-5.143c-.077-.458-.128-.76-.186-.991c-.055-.222-.103-.324-.148-.391a1.15%201.15%200%200%200-.488-.408c-.077-.034-.19-.065-.422-.082%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M16.488%2017.647c0-1.722%201.41-3.103%203.131-3.103s3.131%201.38%203.131%203.103c0%201.722-1.41%203.103-3.13%203.103c-1.722%200-3.132-1.381-3.132-3.103%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/scooter2-duotone.svg?color=%231a73e8&size=48