Share Android icon

Use the Share Android 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 { ShareAndroid24Regular, ShareAndroid24Filled } from "@fluentui/react-icons";

export function Example() {
  return <ShareAndroid24Regular aria-label="Share Android" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_share_android_24_regular.svg" width="24" height="24" alt="Share Android">

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 2.49805C18.934 2.49805 20.5018 4.06584 20.5018 5.99982C20.5018 7.93379 18.934 9.50158 17 9.50158C15.97 9.50158 15.0439 9.05692 14.4032 8.34909L9.84455 10.9535C9.94786 11.2839 10.0035 11.6354 10.0035 11.9998C10.0035 12.3643 9.94786 12.7157 9.84455 13.0461L14.4023 15.6516C15.043 14.9431 15.9695 14.498 17 14.498C18.934 14.498 20.5018 16.0658 20.5018 17.9998C20.5018 19.9338 18.934 21.5016 17 21.5016C15.066 21.5016 13.4982 19.9338 13.4982 17.9998C13.4982 17.6354 13.5539 17.2839 13.6572 16.9535L9.09951 14.3481C8.45873 15.0565 7.53223 15.5016 6.50177 15.5016C4.5678 15.5016 3 13.9338 3 11.9998C3 10.0658 4.5678 8.49805 6.50177 8.49805C7.53173 8.49805 8.45784 8.94271 9.09859 9.65054L13.6572 7.04612C13.5539 6.71571 13.4982 6.36427 13.4982 5.99982C13.4982 4.06584 15.066 2.49805 17 2.49805ZM17 15.998C15.8945 15.998 14.9982 16.8943 14.9982 17.9998C14.9982 19.1054 15.8945 20.0016 17 20.0016C18.1055 20.0016 19.0018 19.1054 19.0018 17.9998C19.0018 16.8943 18.1055 15.998 17 15.998ZM6.50177 9.99805C5.39622 9.99805 4.5 10.8943 4.5 11.9998C4.5 13.1054 5.39622 14.0016 6.50177 14.0016C7.60731 14.0016 8.50354 13.1054 8.50354 11.9998C8.50354 10.8943 7.60731 9.99805 6.50177 9.99805ZM17 3.99805C15.8945 3.99805 14.9982 4.89427 14.9982 5.99982C14.9982 7.10536 15.8945 8.00158 17 8.00158C18.1055 8.00158 19.0018 7.10536 19.0018 5.99982C19.0018 4.89427 18.1055 3.99805 17 3.99805Z" 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/share_android_24_regular.svg";

Details

Keywords

dotforwardrightsend