README
Pepicons
Pepicons is an icon-set of over one hundred retro icons inspired by the 80's. Every icon available in 2 variants: Pop! and Print ❏
Website & icons
Installation & Usage
npm i pepicons
Import an SVG as string with Tree-Shaking:
// import what you need
import { popAirplane } from 'pepicons'
console.log(popAirplane)
// prints:
// <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
// <path fill-rule="evenodd" clip-rule="evenodd" d="..." fill="currentColor"/>
// </svg>
Or import all icons at once in one big object:
import { pop } from 'pepicons'
console.log(pop.airplane)
// prints:
// <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
// <path fill-rule="evenodd" clip-rule="evenodd" d="..." fill="currentColor"/>
// </svg>
TypeScript
You can import the Pepicon type which is a string literal with all possible Pepicon names:
import { Pepicon, pop } from 'pepicons'
export function getSvg(name: Pepicon): string {
// Pepicon
// ↓
// 'airplane' | 'angle-down' | ...
return pop[name]
}
@pepicons/vue (Vue 3)
See packages/vue
Motivation
Check out this blog post to understand our motivation for creating Pepicons:
- English: Pepicons: Retro Icon Set now available for Designers and Coders
- Japanese: Pepicons: 80 年代好きにはたまらないアイコンセットが登場
License
This icon set falls under CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE.
You must give appropriate credit, provide a link to the license, and indicate if changes were made. You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.
See the full LICENSE details at LICENSE.