Eva Icons - WebやiOS、Androidアプリで使用できるSVG対応のオープンソースアイコンコレクション

[PR]記事内のアフィリエイトリンクから収入を得る場合があります
  • URLをコピーしました!

S 20181103 111053

480個以上の美しいアイコンを収録するオープンソースのアイコンコレクション「Eva Icons」。

多種多様なアクションやオブジェクトを具現化したシンプルで汎用性の高いデザインが特徴となっています。MITライセンスを採用していて、WebアプリやiOS、Androidアプリに組み込んで使用することが可能です。

SVGやPNG形式の画像ファイルをダウンロードできるだけではなく、CDNとJavaScriptによってファイルをダウンロードすることなく利用することも可能となっています。

アウトライン/フィルといったスタイルの選択や、ズーム、パルス、シェイク、フリップなどのアニメーションを適用することもできます。

目次

Eva Iconsの使用方法

SVGファイルやPNGファイルをまとめてダウンロードしたい場合、公式サイトのダウンロードボタンを利用するのが簡単です。ダウンロードできるzipファイルには、SVG、PNG形式のアイコンファイルのほか、Sketch用のファイルが含まれています。

Usage

▲公式サイトではアイコンの検索機能も利用可能で、名前で絞り込めるほか、「Outline / Fill」といったスタイルや「Zoom / Pulse / Shake / Filp」などのアニメーション効果を適用する事が可能です。

CDNとJavaScriptを利用してWebサイトに組み込むこともできます。

<!DOCTYPE html>
<html lang="en">
  <title></title>
  <script src="https://unpkg.com/eva-icons"></script>
  <body>
  
    <i data-eva="github"></i>

    <script>
      eva.replace()
    </script>
  </body>
</html>

Font Awesomeのような形式ですので馴染みやすいと思います。

まとめ

Eva IconsはAkveo Inc.によって作成されたオープンソースのアイコンコレクションです。各種アプリで使用するための美しいアイコンを探している方は試してみてはいかがでしょうか。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次