Quickly copy links to Feather icons for use in Notion and anywhere else
https://quick-feather-icons.now.sh/
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.
This is a Next.js website built with React and Tailwind CSS.
To run the project locally, clone the repo, then install dependencies via Yarn - ensure you're using the "classic" version of Yarn.
$ git clone [email protected]:kpollich/quick-feather-icons.git
$ cd quick-feather-icons
# Install dependencies
$ yarnOnce the installation is complete, you can run yarn dev to start a local development server on http://localhost:3000
$ yarn startIf 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.