Icons Emojis Material
Icons Emojis Material
Section titled “Icons Emojis Material”Syntax
Section titled “Syntax”| Form | Syntax | Usage |
|---|---|---|
| Material | :material-home: | Icons Material. |
| Octicons | :octicons-mark-github-16: | Icons GitHub. |
| FontAwesome | :fontawesome-brands-docker: | Marques FA. |
| Simple Icons | :simple-rust: | Logos techniques. |
| IcoFont | <i class="icofont-eiffel"></i> | Custom icon font classes. |
| Emoji | :smile: | Short emoji. |
| Attributes | :material-info:{ title="Info" } | Tooltip et attributs. |
Emojis
Section titled “Emojis”Simple emoji shortcode: :smile:
Emoji with attributes: :heart:{ .heart title="Animated heart" }Simple emoji shortcode: 😄
Emoji with attributes: ❤️
The bundled icon families can be tested from their upstream libraries:
- [Material Design](https://pictogrammers.com/library/mdi/)
- [FontAwesome](https://fontawesome.com/search?m=free)
- [Octicons](https://octicons.github.com/)
- [Simple Icons](https://simpleicons.org/)
Material icon: :material-information-outline:
FontAwesome regular icon: :fontawesome-regular-face-laugh-wink:
FontAwesome brand icon: :fontawesome-brands-github:
Octicon icon: :octicons-heart-fill-24:{ .heart title="Animated icon" }
Simple icon: :simple-simpleicons:{ title="Simple Icons" }
Colored icon: :material-youtube:{ .youtube title="YouTube" }
Large middle icon: :material-clock-fast:{ .lg .middle title="Fast setup" }The bundled icon families can be tested from their upstream libraries:
Material icon:
FontAwesome regular icon:
FontAwesome brand icon:
Octicon icon:
Simple icon:
Colored icon:
Large middle icon:
Icon Font with <i>
Section titled “Icon Font with <i>”FrontMark bundles the custom IcoFont files used by the examples. The local icon definition file at /icons/icons.json maps business labels to classes such as icofont-eiffel, icofont-fontaine, icofont-leaf and icofont-bat.
<div class="frontmark-iconfont-example">
<i class="icofont-eiffel icofont-2x" title="Architecture civile"></i>
<i class="icofont-fontaine icofont-2x" title="Petit patrimoine"></i>
<i class="icofont-favourite icofont-2x" title="Favorite"></i>
</div>