MobiriseIcons - 124 Webdev ícones em SVG e formato iconfont. 24 / 30px versões de grade, 6 categorias. Open-source e gratuito sob a licença Creative Commons . Feita por Mobirise . Encontrar as instruções sobre como usar o iconfont aqui . Ver o cheatsheet para ver todos os ícones incluídos na fonte.
If you want to add some of the Mobirise icons to your page, install the font to your page first.
1) Put the mobirise folder to the same folder with your page. If you change the location of this folder, don't forget to correct the path to style.css file noted in code.
2) Add a special style.css file to your page:
Please make sure that font files are available in the mobirise/fonts folder (mobirise.eot, mobirise.svg, mobirise.ttf, mobirise.woff).
3) Then you can use special classes to add icons to your page:
Also, there are special codes for icons, view the cheatsheet to learn more.
Using iconfonts give some benefits, but also there are some limitations in modifying. CSS effects we can use for them are the same we use for text. Using SVG files can provide more possibilities, so we also provide .svg files.
You can simply use .svg files as images files.
It's considered as the best way to add SVG files to pages if you intend to modify your icons using CSS and scripts without placing them to HTML directly.
You can use the code of your svg files. Open an .svg file using some text editor to learn its code.
You can simply paste it to your HTML code.