Font Awesome Icon Picker For Vue.js 3

A Vue 3 icon picker component that allows the user to select Font Awesome icons from a popup.

How to use it:

1. Import the Icon Picker.

import { ref } from 'vue'
import Vue3IconPicker from './components/Vue3IconPicker.vue'

2. Register the component.

export default {
  components: {
  setup () {
    const icon1 = ref('far fa-grin-hearts')
    const icon2 = ref('far fa-thumbs-up')
    const icon3 = ref('fab fa-github')
    const icon4 = ref('fas fa-code')
    return { icon1, icon2, icon3, icon4 }

3. Add the icon picker to the app.

<vue3-icon-picker v-model="icon1" />
<vue3-icon-picker v-model="icon2" /> 
<vue3-icon-picker v-model="icon3" /> 
<vue3-icon-picker v-model="icon4" />


Font Awesome Icon Picker For Vue.js 3

Download Details:

Author: hasinhayder

Live Demo:

Download Link:

Official Website:

Install & Download:


Add Comment