480個以上の美しいアイコンを収録するオープンソースのアイコンコレクション「Eva Icons」。
多種多様なアクションやオブジェクトを具現化したシンプルで汎用性の高いデザインが特徴となっています。MITライセンスを採用していて、WebアプリやiOS、Androidアプリに組み込んで使用することが可能です。
SVGやPNG形式の画像ファイルをダウンロードできるだけではなく、CDNとJavaScriptによってファイルをダウンロードすることなく利用することも可能となっています。
アウトライン/フィルといったスタイルの選択や、ズーム、パルス、シェイク、フリップなどのアニメーションを適用することもできます。
目次
Eva Iconsの使用方法
SVGファイルやPNGファイルをまとめてダウンロードしたい場合、公式サイトのダウンロードボタンを利用するのが簡単です。ダウンロードできるzipファイルには、SVG、PNG形式のアイコンファイルのほか、Sketch用のファイルが含まれています。
▲公式サイトではアイコンの検索機能も利用可能で、名前で絞り込めるほか、「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.によって作成されたオープンソースのアイコンコレクションです。各種アプリで使用するための美しいアイコンを探している方は試してみてはいかがでしょうか。