Basic Usage

Collection Open source Svg icons and generate React Vue component, now collect jamicons humbleicons

使用说明

Vue

Note that this library currently only supports Vue 3.

First, install cmicons-vue from npm:

npm install cmicons-vue

Now each icon can be imported individually as a Vue component:

jam icon detail

<template>
  <div>
    <SearchIcon style="color:red"/>
    <p>...</p>
  </div>
</template>

<script>
import { SearchIcon } from 'cmicons-vue/jam'

export default {
  components: { SearchIcon }
}
</script>

humble icon detail

<template>
  <div>
    <SearchIcon style="color:red"/>
    <p>...</p>
  </div>
</template>

<script>
import { SearchIcon } from 'cmicons-vue/humble'

export default {
  components: { SearchIcon }
}
</script>

React

First, install cmicons-react from npm:

npm install cmicons-react

Now each icon can be imported individually as a React component:

jam icon detail

import { SearchIcon } from 'cmicons-react/jam'

function MyComponent() {
  return (
    <div>
      <SearchIcon />
      <p>...</p>
    </div>
  )
}

humble icon detail

import { SearchIcon } from 'cmicons-react/humble'

function MyComponent() {
  return (
    <div>
      <SearchIcon />
      <p>...</p>
    </div>
  )
}

License

This library is MIT licensed.