Mirrors/MaterialDesign
2
0
Fork 0
mirror of https://github.com/Templarian/MaterialDesign.git synced 2026-03-14 04:16:53 +01:00
Code Issues Packages Projects Releases Wiki Activity

CSS example for SVG.

Browse Source
This commit is contained in:
Austin Andrews
2014-11-23 01:12:21 -06:00
parent 8c31d371b2
commit 285fc33451
1 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
site/getting-started.savvy
View File

@@ -17,7 +17,7 @@ There are many different ways you can consume the Material Design Icons in your
## Web Font (coming soon)
For those targetting the web your best option is to use the Web Font. Place all the font files provided in the same directory as the `MaterialDesignIcons.css`.
For those targetting the web your best option is to use the web font. Place all the font files provided in the same directory as the `MaterialDesignIcons.css`.
```html Reference the CSS
<link href="styles/MaterialDesignIcons.css" media="all" rel="stylesheet" type="text/css" />
@@ -52,6 +52,15 @@ SVGs like the web font can be overlayed and combined.
@previewOverlay()
SVGs can also be styled with CSS similar to HTML elements and assigned classes.
```css Examples
svg.example:hover path {
fill: #900;
fill-opacity: 0.5;
}
```
## WPF / Windows / Windows Phone
Windows uses the vector XAML format. Right click any icon on the site and click the "View XAML" item in the context menu.