Meya Icons

287 outline and 285 duotone icons by Meya Lab, on a 24 × 24 grid, plus 43 cursors and 255 flags in full color (in the outline folder).

Browse every icon

Install

npm i meya-icons

React

import { Home, Search } from "meya-icons/react/outline";
import { Heart } from "meya-icons/react/duotone";

<Home />                          // 24px, inherits the text color
<Search size={20} strokeWidth={2} />
<Heart color="#0071E3" />

Every component forwards a ref and accepts any SVG prop, so className, onClick and aria-label all work.

SVG

import homeUrl from "meya-icons/outline/home.svg";

Icons use currentColor, so they take the color of the text around them.

Names

Components are the PascalCase form of the file name: arrow-right is ArrowRight. Where a name appears in more than one category, the first keeps the plain name and the rest carry their category, so camera is Camera (images), MediaDevicesCamera and SecurityCamera.

License

MIT