Vehicle Car Profile RTL icon

Use the Vehicle Car Profile RTL 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 { VehicleCarProfileRtl24Regular, VehicleCarProfileRtl24Filled } from "@fluentui/react-icons";

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

Use it in HTML

Reference the SVG file directly:

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

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="M18.6255 6.02643C18.2992 4.83001 17.2125 4 15.9724 4H11.1416C10.1688 4 9.26839 4.51393 8.7737 5.35154L6.26547 9.59844L4.08329 10.1438C2.85895 10.4497 2 11.5497 2 12.8117V14.5C2 15.6024 2.64862 16.5532 3.58504 16.9918C3.92063 18.4293 5.21027 19.5 6.75 19.5C8.19602 19.5 9.42147 18.5556 9.84325 17.25H14.6567C15.0785 18.5556 16.304 19.5 17.75 19.5C19.4128 19.5 20.784 18.2512 20.9768 16.6404C21.6009 16.1363 22 15.3647 22 14.5V12.25C22 10.8423 20.9422 9.68156 19.5781 9.51937L18.6255 6.02643ZM9.96178 15.75C9.72127 14.1925 8.37489 13 6.75 13C5.33779 13 4.13595 13.9007 3.68764 15.159C3.5687 14.9677 3.5 14.7419 3.5 14.5V12.8117C3.5 12.2381 3.89043 11.7381 4.44695 11.599L6.84399 11H19.25C19.9404 11 20.5 11.5596 20.5 12.25V14.5L20.4999 14.517C19.9242 13.6054 18.9078 13 17.75 13C16.1251 13 14.7787 14.1925 14.5382 15.75H9.96178ZM13 9.5H8.06568L10.0653 6.11433C10.2901 5.73361 10.6994 5.5 11.1416 5.5H13V9.5ZM14.5 5.5H15.9724C16.5361 5.5 17.03 5.87728 17.1784 6.4211L18.0181 9.5H14.5V5.5ZM17.75 14.5C18.7165 14.5 19.5 15.2835 19.5 16.25C19.5 17.2165 18.7165 18 17.75 18C16.7835 18 16 17.2165 16 16.25C16 15.2835 16.7835 14.5 17.75 14.5ZM8.5 16.25C8.5 17.2165 7.7165 18 6.75 18C5.7835 18 5 17.2165 5 16.25C5 15.2835 5.7835 14.5 6.75 14.5C7.7165 14.5 8.5 15.2835 8.5 16.25Z" 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_rtl_24_regular.svg";

Details