v svg icons

v-svg-icons

VuejsのSVGアイコン。
TürkçeReadmedosyasıiçintıklayın！

はじめる

これらの指示により、コンポーネントのコピーが現地のマシンで稼働しています。

インストール

npmでV-SVG-Iconsコンポーネントをインストールできます

 npm i v-svg-icons

ダウンロード後、V-SVG-Iconsはvue.jsアプリケーションで使用する準備ができています

使用法

• v-svg-iconsコンポーネントをmain.jsファイルにエクスポートします

 import icons from "v-svg-icons" ;

• V-SVG-ICONSコンポーネントを登録してください

 Vue . component ( "icon" , icons ) ;

このステップの後、プロジェクト内のすべての登録コンポーネントでタグ名で使用できます。

• アイコンを使用するには、タグ内の名前パラメーターを使用して、必要なアイコンの名前を指定する必要があります。

< icon name="arrow-up">

• 例のように、幅と高さの値を指定できます。
  すべてのアイコンのデフォルトの幅と高さの値は50pxです。

< icon name="arrow-up" size="60px" />

• 「色」パラメーターを使用して、アイコンの色を変更できます。

< icon name="arrow-up" color="black" />
< icon name="arrow-up" color="# 000 " />
< icon name="arrow-up" color="rgba(0, 0, 0, . 2 )" />

• 追加のスタイリング操作のクラス名としてアイコンの名前を使用できます。

< icon name="arrow-up" />

<style >
    . arrow-up {
        fill : green;
        background : red;
        width : 150 px ;
        height : 150 px ;
    }
< / style >

この例のように、SVGに対して行うことができるすべての変更を適用できます。

バージョン化

GitHubを使用してバージョン化します。

著者

• MehmetSağır

ライセンス

MITライセンスに基づいてライセンスを取得してください。詳細については、ライセンスを参照してください。