lagunovsky / vue-remix-icons

(Vue 3 only)Remix Icon is a set of open source neutral style system symbols elaborately crafted for designers and developers.

vue-remix-icons (Vue 3 only)

Vue port Remix Icon Remix Icon is a set of open source neutral style system symbols elaborately crafted for designers and developers.

Please consider starring the project to show your ❤️ and support.

Install

yarn add vue-remix-icons

Usage

import { RiHomeLine, RiAirplayFill } from 'vue-remix-icons'

See all icons here: http://remixicon.com/

Note that the usage is changed from <i class="ri-home-line"></i> to import RiHomeLine .

Tips

Smart(faster) way to use

Create a component name RemixIcon:

<template>
  <component
    v-if="icon"
    :is="
      require(`vue-remix-icons/icons/ri-${icon}-${fill ? 'fill' : 'line'}.js`)
        .default
    "
  />
</template>

<script>
export default {
  props: {
    icon: String,
    fill: Boolean,
  },
}
</script>

Then in other vue file:

<template>
  <RemixIcon icon="home" />
  <RemixIcon icon="home-2" fill />
</template>

Tree-Shaking

Webpack + minified supported.

Credits

• remixicon

Contributing

1. Fork it!
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -am 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request :D

Author

vue-remix-icons © evillt, Released under the Apache 2.0 License.

Authored and maintained by EVILLT with help from contributors (list).

evila.me · GitHub @evillt · Twitter @evillt