Homepage » Kit di strumenti » 10 icone di carattere utili e gratuite da segnalare

    10 icone di carattere utili e gratuite da segnalare

    Poiché sempre più dispositivi adottano schermi ad alta definizione, le icone dei caratteri stanno diventando la scelta più popolare da adottare. È ridimensionabile senza compromettere la qualità e personalizzabile tramite CSS. Possiamo facilmente cambiare il colore, la dimensione e persino animare le icone dei font con CSS3. Inoltre lo è indipendente dalla risoluzione che lo rende nitido su qualsiasi densità dello schermo.

    FontAwesome è di gran lunga una delle fonti di font più popolari, con un'enorme collezione di icone. Ma non è assolutamente necessario scaricare l'intera collezione quando è necessario utilizzarne solo alcuni. Ecco 10 fonti alternative di icone di font ben realizzati che spero ti sia utile a volte a costruire i tuoi prossimi grandi siti e applicazioni al posto di FontAwesome.

    StackIcons

    StackIcons sono icone di font per oltre 60 marchi sociali moderni. Viene fornito con CSS, che consente di personalizzare il carattere in molte forme contenitore. È possibile ottenere le icone del marchio sociale in cerchi, quadrati o con bordi arrotondati. Puoi anche colorare le icone in più di un colore, offrendoti colori di marca più realistici.

    Licenza: SIL Open Font e MIT

    Twemoji Fantastico

    Twemoji è un progetto di emoticon open source di Twitter. Elle Kasai lo ha portato su un'icona di carattere chiamata Twemoji Fantastico. Tutti i nomi di classe per visualizzare le icone sono gli stessi del Twemoji Cheat Sheet, ma è necessario utilizzare un trattino invece di un carattere di sottolineatura, tutto qui. Ecco un esempio di come aggiungiamo il hatching_chick icona:

      

    Licenza: MIT e CC-BY per la grafica Emoticon

    Font Diao

    Font Diao è una raccolta di icone di font di popolari siti Web o società con sede in Cina come Alibaba, Alipay, WeChat, Xiaomi e Weibo. Il font può tornare utile quando costruisci i wesbite designati per il pubblico della Cina continentale che probabilmente conoscono questo particolare tipo di carattere.

    Licenza: Licenza pubblica

    Socialicious

    Socialicious è un font che è costruito esclusivamente per i siti Web di social network come Facebook, Twitter e Instagram. Il font è progettato per funzionare bene con Bootstrap. Ecco un codice di esempio per creare un pulsante con Bootstrap .btn classe in congiunzione con le classi di font.

       Connettiti con Linkedin  

    Licenza: Licenza MIT.

    Octicons

    Octicons è un set di icone di caratteri presentato da GitHub, che ti consente di usare la stessa icona usata da GitHub sul tuo progetto. Ci sono più di 170 icone pronte per essere applicate al tuo prossimo progetto.

    Font di pagamento

    Se si utilizza un gateway di pagamento, si potrebbe voler afferrare queste icone dei caratteri. Il pacchetto contiene 95 icone di sonno che sono di metodi di pagamento o gateway popolari come Visa, American Express e altro ancora.

    Licenza: SIL OFL 1.1

    Icone Android

    Questo è il set di icone creato da Opoloo, precedentemente noto come la comunità Android. Comprende 250 icone fantastiche in 5 dimensioni e 14 colori di icone Android native.

    Licenza: Attribution-ShareAlike 4.0 International

    DevIcons

    DevIcons è un set di icone di font realizzate a mano da Theodore Vorillas. Contiene 85 simboli e loghi di applicazioni di sviluppo familiari come l'icona GitHub, l'icona Gulp, l'icona Angolare e molti altri.

    Licenza: MIT

    Open Iconic

    Icona aperta contiene 223 icone pronte per l'uso con bootstrap, un framework o il proprio foglio di stile. La dimensione del carattere è piccola, solo 12,4 Kb, che è circa un quarto di ciò che puoi trovare in FontAwesome. La cosa interessante qui è che queste icone possono essere ridotte a 8px.

    Licenza: SIL.

    Font Design iconico

    In questo pacchetto ci sono 15 categorie di icone dei font ispirate a Google Material Design. Per utilizzarli, basta installare Material-Design-Iconic-Font.ttf, quindi utilizzare questo cheatsheet. Copia incolla le icone (non l'unicode) nel tuo progetto. Puoi ingrandire le icone, dare bordi, ruotare, ruotare o capovolgerlo con i CSS.

    Licenza: Attribution-ShareAlike 4.0 International

    Ora Leggi: 50+ caratteri simbolo gratuiti per i web designer