on Web Design

480 Icone Open source: Eva Icons

Ecco un altro pacchetto di icone Open Source che ha scalato in questi giorni la top ten dei progetti Github.

Eva Icons E’ un pack di 480 icone che comprendono le azioni standard (copia e incolla, taglia, salva, ecc…) e gli item tradizionali di ogni set di icone.

Ogni icona è declinata in due versioni: Fill e Outline, per permettere a questo set di essere più versatile. Inoltre sono disponibili in più formati, dal classico PNG, al vettoriale SVG, oppure in formato font e anche in Sketch per chi volesse anche metter mano a qualche icona.

Uso tramite Javascript

Oltre al download completo, è disponibile anche il pacchetto NPM così da integrare le icone facilmente nel proprio progetto.

npm i eva-icons

Per includerlo poi è necessario aggiungere al proprio javascript questo codice:

const eva = require('eva-icons'); // in questa maniera oppure...
import * as eva from 'eva-icons'; // in questo altro modo (ES6 like)

Lo script è possibile includerlo direttamente anche via CDN:

<script src="https://unpkg.com/eva-icons"></script>

Utilizzo (con script javascript)

Dopo aver incluso lo script si possono inserire le icone nella pagina in questo modo:

<i data-eva="github"></i>

Uso tramite Font

Un altro comodo uso è tramite web font. Si scarica e si inserisce tra le risorse del proprio progetto web.

Poi si include:

<link href="path/to/style/eva-icons.css">

e poi si usa in questo modo:

<i class="eva eva-github"></i>

L’Akveo Team, un gruppo di Minsk in Bielorussia, ha fatto un lavoro completo e davvero ben fatto. Credo che il progetto sia solo all’inizio di un lungo percorso…

scrivi un commento

Commento

Ricevi un avviso se ci sono nuovi commenti. Oppure iscriviti senza commentare.

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.