Material Design In XAML Toolkit
- A collection can have up to 256 icons if you are a registered user or 50 if you are not registered. Collection options Access this menu to edit your collection; edit your icons separately, duplicate your collection, sort the icons in your collection or share it with the rest of the world.
- Material Design Iconic Font is a full suite of material design icons (created and maintained by Google) for easy scalable vector graphics on websites.
- Material is an adaptable system of guidelines, components, and tools that support the best practices of user interface design. Backed by open-source code, Material streamlines collaboration between designers and developers, and helps teams quickly build beautiful products.
- Or to use on the desktop, install Material-Design-Iconic-Font.ttf, set it as the font in your application, and copy and paste the icons (not the unicode, if your switch to show it) directly from this page into your designs. To show icons unicode choose 'Show icons codes' in sidebar.
- Material General Icons Desc. This set contains android material icons for the most basic actions and concepts of any interface or digital environment such as folder/page navigation, file handling actions, files and folders themselves, users and non-proprietary basic apps and utilities such as calculator, recycle bin or settings. Vector svg, ai and png files.
View all the Material Design icons and more from the community. Material Design Icons' growing icon collection allows designers and developers targeting various platforms to download icons in the format, color and size they need for any project.
Welcome the one of the most comphrensive and easy to use Material Design UI libraries across any platform.
With Material Design In XAML Toolkit you can easily bring beautiful desktop applications to life, using a modern and popular design language.
Fully open source and one of the most popular GUI libraries for WPF, the library is also compatible with MahApps and Dragablz.
Features
- Styles and variations for the majority of standard WPF controls
- Many more additional controls to support the Material Design aesthetic and flow
- Easy configuration of Material Design Colour palettes at both design and run time
- Transitions API for easy build GUI animations
- Works stand-alone, and also compatible with other popular WPF frameworks, MahApps and Dragablz
- MVVM framework agnostic
In addition to standard control themes the kit contains new controls to help deliver a full Material Design experience, including: clocks, drawers, dialogs, floating action buttons, chips, and more.
Two demos are included in the source code, which can be downloaded from GitHub and run with VS2015 and above.
F1ix uses the Transitions API to bring alive various statistics about Formula 1 racing.
doobry, a SQL editor for Azure's DocumentDb NoSQL database utilises the toolkit to produce a fluid, bold, and engaging interface.
Getting started bringing Material Design to your WPF apps takes minutes, follow this guide and dive in, and if you want, join our community. This is our 'super quick start' guide. A more comprehensive getting started guide can be found on our Wiki, and we highly recommend you download and run the demo application contained within the source code.
Start a new project, and install from NuGet. From the Package Manager Console in Visual Studio type:
PM> Install-Package MaterialDesignThemes
Edit your
App.xaml
as follows: <?xml version='1.0' encoding='UTF-8'?>
<Application . . .>
<Application.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source='pack://application:,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml' />
<ResourceDictionary Source='pack://application:,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml' />
<ResourceDictionary Source='pack://application:,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.DeepPurple.xaml' />
<ResourceDictionary Source='pack://application:,/MaterialDesignColors;component/Themes/Recommended/Accent/MaterialDesignColor.Lime.xaml' />
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
</Application.Resources>
</Application>
Edit
MainWindow.xaml
to following: <Window . . .
xmlns:materialDesign='http://materialdesigninxaml.net/winfx/xaml/themes'
TextElement.Foreground='{DynamicResource MaterialDesignBody}'
TextElement.FontWeight='Regular'
TextElement.FontSize='13'
TextOptions.TextFormattingMode='Ideal'
TextOptions.TextRenderingMode='Auto'
Background='{DynamicResource MaterialDesignPaper}'
FontFamily='{DynamicResource MaterialDesignFont}'>
<Grid>
<materialDesign:Card Padding='32' Margin='16'>
<TextBlock>My First Material Design App</TextBlock>
</materialDesign:Card>
</Grid>
</Window>
Hit F5, viola! Directx 12 offline installer download.
There's several things you will want to think about; your palette, the structure of your UI, and what additional features can Material Design in XAML Toolkit bring to your application?
There's plenty to explore to get your creativity in gear. We strongly suggest you download the demo and have an explore around all the things on offer; new styles, controls, transitions, dialogs and more. It's also worth checking out some of the articles on the Wiki.
Lastly, you can join the Gitter chantroom; stop by, say hello, and ask for help..everyon is welcome!
- To download the source and included demo, visit GitHub
- To chat visit Gitter
Material Design, Google’s visual language, emphasizes on use of animations, shadows, bold colors and typography to allow users to easily comprehend the interface and provide them a delightful experience. Many of you would have seen Material Design principles in action in Android apps from Google like Gmail and Chrome browser.
In case you are planning to embrace Material Design language in your own app interface or website design, this post brings free Material Design icon packs for you. As an app developer and designer, we recommend you to read Google’s design specifications which provides in-depth guidelines for designing system icons (or UI icons) as well as product icons (or your app icons).
You might also be interested in downloading our freebies:
In this post, we round up free material design user interface icon sets, towards the end you will find material design icon font resource and Sketch template as well. You may also want to check out our earlier post where we covered Material Design Web UI frameworks and Bootstrap themes for your web development needs.
Free Material Design Icons
1. Material Design Icons by Google
The first on our list is the material design system icons open-sourced by Google on GitHub. There are around 900 UI icons that are commonly used in app interfaces including icons for communication, media playback and connectivity. Downloadable zip archive contains SVG versions of all icons, SVG & CSS sprites and PNGs for all density devices.
2. Material Design Icons Expanded (color version)
This is a set of colored version of Google material design icons courtesy, IconShock. The free icon bundle comes with personal use license and includes icons in PNG format in many different categories including jobs, project management, security, multimedia and more. On buying its pro version, you can get the full expanded set of PNG icons in 8 sizes along with SVG source file for commercial use.
3. Material Design Icons by Austin Andrews
Material Design Icons, an open source project maintained by Austin Andrews, is a repository of material design icons contributed by different designers. It includes Google’s official material icon sets as well. These icons can be downloaded as SVG, XAML for Windows as well as PNG icon files for Android. You can also become a contributor or send in your icon suggestions to them on GitHub.
4. Android L Icon Pack
Android L Icon Pack by Icons8 has over 1100 free icons. These cover material design icons for sports, astrology, business, e-commerce and many more. The icons can be downloaded in PNG format, you can even get the icons served from their CDN. Vector icons, font generation and SVG embed are available on buying the icon set.
5. System Icons – Material Design (Dribbble)
A free pack of 20 Material system icons created by Walmyr Carvalho. The icons can be downloaded as PNG files. If you use Sketch feel free to download the Sketch source file as well.
173 rows It appears that you're using an ad blocker. Ads are Forge's main source of income, so please consider adding an exception for this site. If you'd like to support Forge while keeping ads blocked, please consider supporting LexManos on Patreon. Feb 15, 2017 Hi, I am trying to install forge so that my kids can use a instantmassivestructure mod. They are running windows 10 edition for PC. When I try to install forge it gives me the option as installing as a client and then provides a message at the bottom 'there is no minecraft directory set up. Welcome to a quick tutorial on how to Install Minecraft Forge 1.8 for Windows 10. If you have any questions, concerns, or suggestions please leave a comment below. If you enjoyed the video and would like to see more like this don't forget to click the like button. Forge installer windows 10. 156 rows Downloads for Minecraft Forge - MC 1.7.10. Windows Installer.
6. Free Material Design Icon set (Behance)
This free icon set by WebHostFace includes color-injected material icons for weather conditions, location and media. The icons are available in PNG format in 3 sizes – 64×64 px, 128×128 px and 256×256 px.
Bonus resources
As an added bonus, below we are listing down material design icon font resource and Sketch template plus some premium Material Design icon bundles.
6000+ Material Design Icons
This is a huge bundle of over 6000+ icons based on Material Design. Icons are provided in 32 different categories including Advertising & Media, Medical & Health, SEO, Holidays and more. This premium icon set is available on Creative Market and on purchasing, you’ll get icons in 8 file formats – AI, EPS, SVG, PDF, PSD, CSH, PNG & JPG.
4000 Material Design Icons
Another big bundle of 4000 Material icons in two styles – solid and outline, organized in 98 categories totalling to 8000 icons based on Google’s Material Design. On purchasing this set from Creative Market, you’ll get icons in .Sketch, .AI, .EPS, .SVG and .PDF formats.
1500+ Material Icons Bundle
Material Icon Download
A premium set of colorful material icons for different niches – Business & Finance, Medical, Education, Food, Electronics, Real Estate, Fashion, Hotel & Restaurants, and Transport. Icons are provided in 6 formats – AI, EPS, PDF, SVG, PNG, & JPG.
Material Design Iconic Font
Material Icons
Material Design [Free .Sketch Template & Icons]
Material Design Android
More Material Design Resources for App & Web Design
Material Design Icons Windows 7
If you are working on Material Design inspired websites and apps, you might find these resources useful: