Vehicle Car Profile LTR Clock icon

Use the Vehicle Car Profile LTR Clock icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { VehicleCarProfileLtrClock24Regular, VehicleCarProfileLtrClock24Filled } from "@fluentui/react-icons";

export function Example() {
  return <VehicleCarProfileLtrClock24Regular aria-label="Vehicle Car Profile LTR Clock" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_vehicle_car_profile_ltr_clock_24_regular.svg" width="24" height="24" alt="Vehicle Car Profile LTR Clock">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 6.5C12 3.46243 9.53757 1 6.5 1C3.46243 1 1 3.46243 1 6.5C1 9.53757 3.46243 12 6.5 12C9.53757 12 12 9.53757 12 6.5ZM6.5 3C6.77614 3 7 3.22386 7 3.5V6H9C9.27614 6 9.5 6.22386 9.5 6.5C9.5 6.77614 9.27614 7 9 7H6.5C6.22386 7 6 6.77614 6 6.5V3.5C6 3.22386 6.22386 3 6.5 3ZM12.8261 8.00002C12.9395 7.51963 12.9997 7.01865 13 6.50366C13.9179 6.55085 14.7557 7.05474 15.2263 7.85156L17.7345 12.0985L19.9167 12.6438C21.141 12.9497 22 14.0497 22 15.3117V17C22 18.1024 21.3514 19.0533 20.415 19.4918C20.0794 20.9293 18.7897 22 17.25 22C15.804 22 14.5785 21.0557 14.1567 19.75H9.34325C8.92147 21.0557 7.69602 22 6.25 22C4.58719 22 3.21604 20.7513 3.02321 19.1404C2.39913 18.6363 2 17.8648 2 17V14.75C2 13.6688 2.62395 12.7334 3.53141 12.2841C4.42129 12.7417 5.43048 13 6.5 13C8.24649 13 9.83211 12.3112 11 11.1904V12H15.9343L13.9347 8.61436C13.7099 8.23363 13.3006 8.00002 12.8584 8.00002H12.8261ZM14.0382 18.25C14.2787 16.6925 15.6251 15.5 17.25 15.5C18.6622 15.5 19.8641 16.4008 20.3124 17.6591C20.4313 17.4677 20.5 17.2419 20.5 17V15.3117C20.5 14.7381 20.1096 14.2381 19.553 14.099L17.156 13.5H4.75C4.05964 13.5 3.5 14.0597 3.5 14.75V17L3.50011 17.017C4.07579 16.1055 5.09219 15.5 6.25 15.5C7.87489 15.5 9.22127 16.6925 9.46178 18.25H14.0382ZM6.25 17C5.2835 17 4.5 17.7835 4.5 18.75C4.5 19.7165 5.2835 20.5 6.25 20.5C7.2165 20.5 8 19.7165 8 18.75C8 17.7835 7.2165 17 6.25 17ZM15.5 18.75C15.5 19.7165 16.2835 20.5 17.25 20.5C18.2165 20.5 19 19.7165 19 18.75C19 17.7835 18.2165 17 17.25 17C16.2835 17 15.5 17.7835 15.5 18.75Z" fill="currentColor"/></svg>

Use it from the SVG package

Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/vehicle_car_profile_ltr_clock_24_regular.svg";

Details

Keywords

travelridemapcommutedistanceeventvehiclecartruckautomobileclocktime