vue-simple-icons

Simple Icons as Vue components.

Install

yarn add vue-simple-icons

Usage

import { FacebookIcon, TwitterIcon, ... } from 'vue-simple-icons'

See all icons and usage here: https://vue-simple-icons.mainvest.com

Sizing

By default, icons will be sized based on the font size of the parent element.

You can set a custom size using the size attribute. For multiple based sizing, pass the desired multiple followed by an x.

<facebook-icon size="1.5x" class="custom-class"></facebook-icon>

You can also set a px size directly by passing an integer

<facebook-icon size="25" class="custom-class"></facebook-icon>

Note

• Because identifiers can’t start with numeric literals, names beginning with numbers have them converted to English words. For example, the logo for 500px is available as FiveHundredPxIcon.
• Versioning follows the Simple Icons package.

Credit

Based on vue-feather-icons by egoist

Upgrade Instructions

• npm i simple-icons
• npm version [latest version of simple-icons]
• npm publish
• git push