🥤 @pepicons/vue (Vue 3)
Pepicons is an icon-set of around five hundred (and counting) retro icons inspired by the 80's. Every icon available in 2 variants: Pop! and Print ❏
@pepicons/vue is the Vue wrapper for this icon library. Only supports Vue 3!
Installation & Usage
npm i @pepicons/vue
You must import the Pepicon component locally wherever you want to use them, as per the example below:
// import what you need
import { Pepicon } from '@pepicons/vue'
// add to local components where you use it:
export default {
components: { Pepicon },
}We do not support Vue's install(Plugin) out of principle: Anything that is "auto-magical" is not considered good practice; It's more difficult to trace down where a component is coming from.
Using Pepicon component will use the async version of the icons, which means each icon is defined as an async Vue component, and loaded on demand when it's rendered.
If you want a sync version of the icon components, you can also import them individually, as per the example below:
import { PopAirplane, PrintArrowDown } from '@pepicons/vue'pepicons (TypeScript & SVGs)
Website & icons
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.