unicons

Unicons

1000+ Pixel-Perfekte Vektor-Symbole und Iconfont für Ihr nächstes Projekt. Diese Symbole werden von iConscout entworfen.

Erste Schritte

Verwenden Sie als Schriftart

Es ist einfach, Unicons auf Ihrer Website zu verwenden, indem Sie nur den folgenden CSS einfügen. Sie können dieses Repo auch herunterladen und den CSS aus css -Ordner verwenden.

 < link
  rel =" stylesheet "
  href =" https://unicons.iconscout.com/release/v4.0.0/css/unicons.css "
/>

Und verwenden Sie die Symbole in Ihrem body wie unten.

 < i class =" uil uil-comments " > </ i >

Verwenden Sie als NPM -Paket

Sie können Unicons problemlos mit NPM installieren.

npm install --save @iconscout/unicons

Verwendung als SVG

Wenn Sie ein Designer sind, ist es immer toll, SVG -Dateien zu haben. Sie können SVGs von der offiziellen Unicons -Website herunterladen oder Icondrop herunterladen, um diese Symbole direkt in Sketch, Adobe XD, Adobe Illustrator und vieles mehr zugreifen zu können.

Verwenden Sie im Flutter -Framework

Es gibt ein Flutter -Paket von Pedro Lemos, das in Pub.dev Avalierbar ist und in Ihrem Projekt leicht verwendet werden kann.

Fügen Sie einfach die Abhängigkeit in Ihre pubspec.yaml -Datei hinzu, wie folgt:

 dependencies :
  unicons : ^1.0.0+2

Führen Sie dann den obigen Befehl aus:

flutter pub get

Alternativ kann Ihr Editor flutter pub get unterstützen. Überprüfen Sie die Dokumente, damit Ihr Editor mehr erfahren kann.

Importieren Sie jetzt in Ihrem Dart -Code das Paket:

 import 'package:unicons/unicons.dart' ;

Verwendung mit JS -Frameworks

Wir haben Komponenten für beliebte Bibliotheken wie React, VueJs, React Native erstellt. Sie können zu offiziellem Github Repo gehen, um mehr zu erfahren.

Linienstil

• Für React: https://github.com/iconscout/react-unicons
• Für VueJs: https://github.com/iconscout/vue-unicons
• Für React Native: https://github.com/iconscout/react-native-unicons

Solider Stil

• Für React: https://github.com/iconscout/react-unicons-Solid
• Für VueJs: https://github.com/iconscout/vue-unicons-Solid

Monochromer Stil

• Für React: https://github.com/iconscout/react-unicons-monochrome

Mehr Möglichkeiten (Community unterstützt)

• Vue-Unicons von Anton Reshetov

Roadmap

• Reakt -Komponenten machen
• Hinzufügen von Markenikonen
• Solide Stil entwerfen
• Dünnungsstil entwerfen
• Unterstützung für CSS -Animationen
• Machen Sie SVG Sprite, in dem der Benutzer verschiedene Attribute wie Schlaganfall, Füllung, Breite, Höhe und mehr steuern kann.

Beitragen

Wir werden uns freuen, um Unicons zu unterstützen. Fühlen Sie sich frei zu gib und erstellen Sie Pull -Anfragen. Wir haben oben eine kleine Roadmap gegeben, damit Sie uns helfen können, diese Funktionen aufzubauen.

Icon -Anfragen

Wir haben einen Thread in der Iconscout -Community erstellt, in dem Sie neue Symbole anfordern können. Und wir werden sie gerne in den kommenden Wochen entwerfen.

Lizenz

Unicons sind Open -Source -Symbole und lizenziert unter iConscout einfache Lizenz. Sie können diese Symbole in Ihrem persönlichen und kommerziellen Projekt verwenden. Wir würden uns freuen, die Zuschreibung in Ihrer App über den Bildschirm zu sehen, aber es ist nicht obligatorisch.

Unicons by < a href =" https://iconscout.com/ " > IconScout </ a >