@posthog/icons

→ Browse + search the icon library

Not sure an icon is right for your needs? Talk to Cory!

Note: Don't share the link above as these icons are licensed from iconists.co/central

Request another icons

1. Browse the icon library to find what you need. Preface any icon name with Icon, ex: <IconHeart />.
2. React out to Cory if there is something you would like but can't find

Icon details

• We use Central Icons Library and have an Enterprise license. (Since it's licenseed, we can't make the library public.)
• Icon specs: 1.5 stroke, 1.0 radius
• Icons are optimized with SVGOMG, then added to Icons.tsx, organized alphabetically

Install

npm install --save @posthog/icons

# or

yarn add @posthog/icons

Usage

import { IconLogomark } from '@posthog/icons'

const Example = () => {
    return <IconLogomark className="size-4" />
}

Development

yarn dev

Publishing to NPM

1. Mark your PR with the appropriate label (e.g. bump minor)
2. When merged, it will trigger the bump, followed by publishing to npm