Quick Feather Icons

Quickly copy links to Feather icons for use in Notion and anywhere else
https://quick-feather-icons.now.sh/

Problem

Notion allows users to provide their own icons and customize the look and feel of their notes. To do this, a user can upload an asset themself or provide a link. The official website for Feather icons is great, and it allows you to easily customize and download SVG's of all their great icons. It does not, however, provide a way to copy a unique URL for each icon. It's cumbersome to download all icons and re-upload them to Notion every time I want to use an icon, so I wanted a an easy way to copy a static link to each icon instead.

Tech Stack

This is a Next.js website built with React and Tailwind CSS.

Installation

To run the project locally, clone the repo, then install dependencies via Yarn - ensure you're using the "classic" version of Yarn.

$ git clone git@github.com:kpollich/quick-feather-icons.git
$ cd quick-feather-icons

# Install dependencies
$ yarn

Once the installation is complete, you can run yarn dev to start a local development server on http://localhost:3000

$ yarn start

API Usage

If you'd prefer not to use the frontend interface, all icons links are exposed at a predictable URL structure via an API endpoint using Next's API routes.

curl 'https://quick-feather-icons.now.sh/api/icon?name=activity&color=green'

These API requests accept a valid name of a given Feather icon and any valid CSS color string. The response will contain the raw SVG string with a Content-Type header value of image/svg+xml.