Omega icon

Use the Omega 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 { Omega24Regular, Omega24Filled } from "@fluentui/react-icons";

export function Example() {
  return <Omega24Regular aria-label="Omega" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_omega_24_regular.svg" width="24" height="24" alt="Omega">

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 2C17.5228 2 22 6.47715 22 12C22 14.5534 20.7622 16.7268 19.4785 18.3008C18.7209 19.2297 17.9248 19.9758 17.3047 20.5H21.25C21.6642 20.5 22 20.8358 22 21.25C22 21.6642 21.6642 22 21.25 22H16.0791C15.5222 22 15.0646 21.5766 15.0098 21.0342L15.0039 20.9248L15.0117 20.792C15.0494 20.4866 15.216 20.215 15.4619 20.04L15.9131 19.7012C16.4979 19.2418 17.4369 18.4305 18.3154 17.3535C19.4926 15.9103 20.5 14.0652 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 14.0652 4.5074 15.9103 5.68457 17.3535C6.85574 18.7893 8.13434 19.7527 8.53809 20.04C8.81907 20.24 8.99609 20.5662 8.99609 20.9248C8.99605 21.5186 8.51473 22 7.9209 22H2.75C2.33579 22 2 21.6642 2 21.25C2 20.8358 2.33579 20.5 2.75 20.5H6.69531C6.07518 19.9758 5.27914 19.2297 4.52148 18.3008C3.2378 16.7268 2 14.5534 2 12C2 6.47715 6.47715 2 12 2Z" 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/omega_24_regular.svg";

Details