Launcher Settings icon

Use the Launcher Settings 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 { LauncherSettings24Regular, LauncherSettings24Filled } from "@fluentui/react-icons";

export function Example() {
  return <LauncherSettings24Regular aria-label="Launcher Settings" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_launcher_settings_24_regular.svg" width="24" height="24" alt="Launcher Settings">

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.0117 2.25C12.7457 2.25846 13.4768 2.34326 14.1933 2.50304C14.506 2.57279 14.7399 2.83351 14.7754 3.15196L14.9456 4.67881C15.0226 5.37986 15.6145 5.91084 16.3202 5.91158C16.5099 5.91188 16.6975 5.87238 16.8728 5.79483L18.2734 5.17956C18.5647 5.05159 18.905 5.12136 19.1225 5.35362C20.1347 6.43464 20.8885 7.73115 21.3273 9.14558C21.4219 9.45058 21.313 9.78203 21.0559 9.9715L19.8145 10.8866C19.4603 11.1468 19.2512 11.56 19.2512 11.9995C19.2512 12.4389 19.4603 12.8521 19.8152 13.1129L21.0578 14.0283C21.3149 14.2177 21.4239 14.5492 21.3293 14.8543C20.8907 16.2685 20.1373 17.5649 19.1257 18.6461C18.9084 18.8783 18.5683 18.9483 18.2771 18.8206L16.8707 18.2045C16.4684 18.0284 16.0063 18.0542 15.6261 18.274C15.2459 18.4937 14.9928 18.8812 14.9445 19.3177L14.7754 20.8444C14.7406 21.1592 14.5117 21.4182 14.2036 21.4915C12.7551 21.8361 11.2461 21.8361 9.79761 21.4915C9.48948 21.4182 9.26062 21.1592 9.22576 20.8444L9.05693 19.32C9.00735 18.8843 8.75391 18.498 8.374 18.279C7.99408 18.06 7.53278 18.0343 7.13177 18.2094L5.72515 18.8256C5.43379 18.9533 5.09361 18.8833 4.87635 18.6509C3.8642 17.5685 3.11077 16.2705 2.67277 14.8548C2.57844 14.5499 2.68743 14.2186 2.94442 14.0293L4.18775 13.1133C4.54189 12.8531 4.75105 12.4399 4.75105 12.0005C4.75105 11.561 4.54189 11.1478 4.18729 10.8873L2.94473 9.97285C2.68737 9.78345 2.57827 9.45178 2.67294 9.14658C3.11169 7.73215 3.86552 6.43564 4.8777 5.35462C5.09516 5.12236 5.43551 5.05259 5.72682 5.18056L7.12719 5.79572C7.53013 5.97256 7.99337 5.94585 8.37534 5.72269C8.75566 5.50209 9.00886 5.11422 9.05774 4.67764L9.22782 3.15196C9.26333 2.83335 9.49744 2.57254 9.81038 2.50294C10.5277 2.34342 11.2595 2.25865 12.0117 2.25ZM12.0119 3.7499C11.5579 3.75524 11.1051 3.79443 10.6574 3.86702L10.5485 4.84418C10.4466 5.75368 9.91961 6.56102 9.12999 7.01903C8.33554 7.48317 7.36694 7.53903 6.52416 7.16917L5.62587 6.77456C5.05393 7.46873 4.59871 8.25135 4.27809 9.09168L5.07589 9.67879C5.8147 10.2216 6.25105 11.0837 6.25105 12.0005C6.25105 12.9172 5.8147 13.7793 5.07667 14.3215L4.27762 14.9102C4.59796 15.752 5.05325 16.5361 5.62557 17.2316L6.53071 16.8351C7.3688 16.4692 8.33082 16.5227 9.1231 16.9794C9.91539 17.4361 10.4439 18.2417 10.5476 19.1526L10.6565 20.1365C11.5462 20.2878 12.455 20.2878 13.3447 20.1365L13.4536 19.1527C13.5544 18.2421 14.0823 17.4337 14.8756 16.9753C15.6688 16.5168 16.6328 16.463 17.4724 16.8305L18.3768 17.2267C18.9486 16.5323 19.4037 15.7495 19.7243 14.909L18.9263 14.3211C18.1875 13.7783 17.7512 12.9162 17.7512 11.9995C17.7512 11.0827 18.1875 10.2206 18.9254 9.67847L19.7223 9.09109C19.4016 8.25061 18.9464 7.46784 18.3743 6.77356L17.4779 7.16737C17.1125 7.32901 16.7173 7.4122 16.3182 7.41158C14.8486 7.41004 13.6151 6.30355 13.4547 4.84383L13.3458 3.8667C12.9002 3.7942 12.4522 3.75512 12.0119 3.7499ZM13.5753 7.99998C13.6448 7.99998 13.7114 8.02406 13.7643 8.06698L13.8123 8.11598L16.5902 11.6933C16.7103 11.848 16.7274 12.0555 16.6416 12.2253L16.5902 12.3066L13.8123 15.884C13.7697 15.9389 13.7098 15.9767 13.6435 15.9921L13.5753 16H10.8707C10.8033 16 10.7378 15.9773 10.6849 15.9355C10.5734 15.8475 10.5411 15.6964 10.5988 15.573L10.6352 15.5141L13.4081 12L10.3028 7.99998H13.5753ZM9.67596 8.80398L11.366 11.005L10.5846 12L11.2234 12.8135C11.3092 12.9228 11.3088 13.0768 11.2222 13.1855L9.88596 14.8654C9.78282 14.995 9.59409 15.0165 9.46442 14.9134L9.41502 14.8636L7.41335 12.3084C7.27147 12.1273 7.2715 11.8727 7.41343 11.6916L9.67596 8.80398Z" 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/launcher_settings_24_regular.svg";

Details

Keywords

gearoptions