design-icons is a small collection of icons for use in design tools.

The icons are originally used in Macaron, a design tool for creating web pages.

Each icon is 24x24px sized and has 2px stroke. You can combine this icon set with other popular ones with the same proportion like Material Symbols with 400 weight.

It includes SVG files and JSON files compatible with Iconify.


npm install @seanchas116/design-icons


  • /svg: Icon SVG files
  • /json: JSON files compatible with Iconify
    • Format:

        "body": "<svg><path fill==\"currentColor\" ... >...</svg>",
        "width": 24,
        "height": 24


Iconify React

import image from "@seanchas116/design-icons/json/image.json";
import { Icon } from "@iconify/react";

const App = () => (
    <Icon icon={image} />
    <Icon icon={image} vFlip rotate={2} />


View Github