@notainc/kamon

1.1.24 • Public • Published

kamon

Installation

  • Please get svg icon set via npm.
  • npm install @notainc/kamon

Useage

  • For web applications, we recommend to use SVG Sprites.
  • We are following this process in /example.
  1. Generate the SVG Sprites file from /svg. (Using svg-sprites library)
  2. Insert the generated SVG Sprites inline under the body element. (This process enables to use icon anywhere)
  3. To call icon instance, do like this
<body>
    <div class='sprite' hidden></div>  

    <!-- Call icon instance here -->
    <svg class='hoge'>
      <use xlink:href='#icon-name'></use>
    </svg>  

    <!-- Inserte SVG Sprites -->
    <script>
      $(function () {
        $('.sprite').load('dest/sprite.svg')
      })
    </script>
 </body>
// Set icon color
.hoge {
  fill: #555;
 }

License

Code

Icons

  • Some icons in the /svg directory use the source of following service, and it is necessary to follow the license applied by them.

  • We do not guarantee that our users are compliant with the license.

  • Fontawesome
    License: SIL OFL 1.1 (http://scripts.sil.org/OFL)

Readme

Keywords

none

Package Sidebar

Install

npm i @notainc/kamon

Weekly Downloads

696

Version

1.1.24

License

MIT

Unpacked Size

189 kB

Total Files

161

Last publish

Collaborators

  • mountainboooy
  • shokai
  • daiiz
  • rakusai
  • akiroom