Giter Site home page Giter Site logo

harold93 / iconify_flutter Goto Github PK

View Code? Open in Web Editor NEW

This project forked from andronasef/iconify_flutter

0.0 0.0 0.0 28.27 MB

A flutter package that provides all icons you need

Home Page: https://pub.dev/packages/iconify_flutter

License: MIT License

JavaScript 0.01% Kotlin 0.01% Dart 99.92% TypeScript 0.03% CSS 0.01% HTML 0.01% Vue 0.04%

iconify_flutter's Introduction

Before starting โœ‹. I want to tell you that every star ๐ŸŒŸ added to my space shines my world and motivate me ๐Ÿ’ช to make more awesome things like this one so please don't forget to give me a star and like the project.

Iconify Flutter

likes GitHub stars HitCount

Not just another icon library. it's +100 open source iconsets to make your flutter apps more beautiful.

How to use? ๐Ÿค”

First of course you need to install it

$ flutter pub add iconify_flutter

Then it as easy as this

import 'package:iconify_flutter/iconify_flutter.dart'; // For Iconify Widget
import 'package:iconify_flutter/icons/zondicons.dart'; // for Non Colorful Icons
import 'package:colorful_iconify_flutter/icons/emojione.dart'; // for Colorful Icons
....


Iconify(Zondicons.airplane)
Iconify(Emojione.baby)
// as widgets

Discover All Icons ๐Ÿ•ต๏ธ

To explore all the icons, Click Here

How to use svg as icon with iconify โœ๏ธ

import 'package:iconify_flutter/iconify_flutter.dart';

....

const String svgIcon =
'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="32" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="#000000" d="M3 3h18v18H3z"></path></svg>
' // svg file as string

Iconify(svgIcon) // as a widget

Get list of all icons of specific icon set ๐Ÿ“‹

import 'package:iconify_flutter/icons/zondicons.dart';

...
Zondicons.iconsList // List of all icons of VS Code icon set

Important Notes โ—

  • There is two diffrent versions of icons packages(package:colorful_iconify_flutter/icons/) colorful icons sets and (package:iconify_flutter/icons/) for un colorful icons sets. so please use the right package name

  • All icon sets are free but Some collections require attribution when used for commercial purposes. See This List of collections and their licenses.

Thanks to ๐Ÿ™

@cyberalien for his awesome icon framework Iconify which this package based on

@antfu for his site icones

@IconDesigners who own icon sets

@You for using this package and supporting me by sharing it among the flutter community

Dreams ๐Ÿ’ญ

  • Get first 100 stars on github.com
  • Get Flutter Favourite Badge
  • Get first 100 likes on pub.dev
  • Add colorful icons to iconify_flutter

iconify_flutter's People

Contributors

andronasef avatar harold93 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.