Wheelchair Access icon

Use the Wheelchair Access 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 { WheelchairAccess24Regular, WheelchairAccess24Filled } from "@fluentui/react-icons";

export function Example() {
  return <WheelchairAccess24Regular aria-label="Wheelchair Access" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_wheelchair_access_24_regular.svg" width="24" height="24" alt="Wheelchair Access">

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="M17 2C18.6569 2 20 3.34315 20 5C20 6.6041 18.741 7.91332 17.1572 7.99512C17.2308 8.67985 17.022 9.36687 16.5713 9.8916L15.6182 11H19.001L19.1406 11.0039C19.8372 11.0432 20.4896 11.3722 20.9346 11.915C21.409 12.4942 21.599 13.257 21.4521 13.9912L20.4512 18.9912C20.18 20.3444 18.8621 21.2215 17.5088 20.9512C16.1552 20.6799 15.2779 19.3625 15.5488 18.0088L15.9512 16H15C15 19.3137 12.3137 22 9 22C5.68629 22 3 19.3137 3 16C3 12.9144 5.32918 10.3734 8.3252 10.0381L9.89355 8.20312L9.85547 8.17871L9.76758 8.26758C8.79146 9.24369 7.20878 9.2433 6.23242 8.26758C5.25611 7.29127 5.25611 5.70873 6.23242 4.73242L7.73242 3.23242C8.55808 2.40726 9.8454 2.26238 10.833 2.88477L14.0029 4.88281C14.0645 3.28029 15.3824 2 17 2ZM9 11.5C6.51472 11.5 4.5 13.5147 4.5 16C4.5 18.4853 6.51472 20.5 9 20.5C11.4853 20.5 13.5 18.4853 13.5 16C13.5 13.5147 11.4853 11.5 9 11.5ZM13.8721 12.5C14.3001 13.0947 14.6236 13.77 14.8115 14.5H17.7812L17.0195 18.3037C16.9112 18.8452 17.2622 19.3721 17.8037 19.4805C18.345 19.5884 18.8721 19.2375 18.9805 18.6963L19.9814 13.6963C20.0402 13.4028 19.964 13.0979 19.7744 12.8662C19.5846 12.6347 19.3003 12.5002 19.001 12.5H13.8721ZM10.0332 4.1543C9.68765 3.93649 9.24997 3.95311 8.9248 4.18164L8.79297 4.29297L7.29297 5.79297C6.90244 6.18349 6.90244 6.81651 7.29297 7.20703C7.68353 7.59708 8.31666 7.5974 8.70703 7.20703L9.6416 6.27148L12.1602 7.8584L10.2236 10.125C11.3245 10.3531 12.3138 10.8839 13.1035 11.625L15.4336 8.91406C15.623 8.69357 15.7072 8.40071 15.6641 8.11328C15.6208 7.82601 15.4546 7.57112 15.209 7.41602L10.0332 4.1543ZM17 3.5C16.1716 3.5 15.5 4.17157 15.5 5C15.5 5.82843 16.1716 6.5 17 6.5C17.8284 6.5 18.5 5.82843 18.5 5C18.5 4.17157 17.8284 3.5 17 3.5Z" 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/wheelchair_access_24_regular.svg";

Details