From 4a6ff38666690d48e5c1f2f62e15f34b3c0dbf5b Mon Sep 17 00:00:00 2001 From: InsanityMeetsHH <35538671+InsanityMeetsHH@users.noreply.github.com> Date: Wed, 21 Nov 2018 17:58:24 +0100 Subject: [PATCH] Updated Layering and Masking snippets (markdown) --- Layering-and-Masking-snippets.md | 65 ++++++++++++++++++++++---------- 1 file changed, 45 insertions(+), 20 deletions(-) diff --git a/Layering-and-Masking-snippets.md b/Layering-and-Masking-snippets.md index 895116e..d866cea 100644 --- a/Layering-and-Masking-snippets.md +++ b/Layering-and-Masking-snippets.md @@ -2,13 +2,13 @@ You will find on this page a collection of [layering](https://fontawesome.com/ho This snippets required to have Font Awesome 5 SVG & JS framework. -Here a collection of [stacked icons](https://jsfiddle.net/cherrador/jomgLb2h/) by [cherrador](https://github.com/cherrador). ([issue](https://github.com/FortAwesome/Font-Awesome/issues/1446#issuecomment-190011020)) +Here is a collection of [stacked icons](https://jsfiddle.net/cherrador/jomgLb2h/) by [cherrador](https://github.com/cherrador). ([issue](https://github.com/FortAwesome/Font-Awesome/issues/1446#issuecomment-190011020)) ## Adding a new snippet - Snippet name - Minimum Font Awesome version (e.g. 5.0.5 free) -- "By" user name +- "by" user name - Links (issues / demos) - HTML snippet - `fa-layers` is combined with `fa-fw` **or** icon has class `fa-fw` @@ -19,7 +19,7 @@ Here a collection of [stacked icons](https://jsfiddle.net/cherrador/jomgLb2h/) b ### **Bed in house (free)** - 5.1.0 free -- By [rent-is](https://github.com/rent-is) and [InsanityMeetsHH](https://github.com/InsanityMeetsHH) +- by [rent-is](https://github.com/rent-is) and [InsanityMeetsHH](https://github.com/InsanityMeetsHH) - [issue](https://github.com/FortAwesome/Font-Awesome/issues/13812) - [demo](https://codepen.io/anon/pen/NEXxdV) @@ -34,7 +34,7 @@ Here a collection of [stacked icons](https://jsfiddle.net/cherrador/jomgLb2h/) b ### **Bed in house (pro)** - 5.1.0 pro -- By [rent-is](https://github.com/rent-is) and [InsanityMeetsHH](https://github.com/InsanityMeetsHH) +- by [rent-is](https://github.com/rent-is) and [InsanityMeetsHH](https://github.com/InsanityMeetsHH) - [issue](https://github.com/FortAwesome/Font-Awesome/issues/13812) ```html @@ -48,7 +48,7 @@ Here a collection of [stacked icons](https://jsfiddle.net/cherrador/jomgLb2h/) b ### **Calender with clock** - 5.0.0 free -- By [tagliala](https://github.com/tagliala) +- by [tagliala](https://github.com/tagliala) - [issue 1](https://github.com/FortAwesome/Font-Awesome/issues/8158), [issue 2](https://github.com/FortAwesome/Font-Awesome/issues/14238) - [demo](https://codepen.io/anon/pen/WYwyLz) @@ -63,7 +63,7 @@ Here a collection of [stacked icons](https://jsfiddle.net/cherrador/jomgLb2h/) b ### **Clock with arrow** - 5.0.0 free -- By [tagliala](https://github.com/tagliala) +- by [tagliala](https://github.com/tagliala) - [issue](https://github.com/FortAwesome/Font-Awesome/issues/12389) - [demo](https://jsfiddle.net/tagliala/vLae8ted/60/) @@ -83,7 +83,7 @@ Here a collection of [stacked icons](https://jsfiddle.net/cherrador/jomgLb2h/) b ### **Email with cog** - 5.0.0 free -- By [tagliala](https://github.com/tagliala) +- by [tagliala](https://github.com/tagliala) - [issue](https://github.com/FortAwesome/Font-Awesome/issues/14135) - [demo](http://jsfiddle.net/tagliala/mfopk9qe/7/) @@ -98,7 +98,7 @@ Here a collection of [stacked icons](https://jsfiddle.net/cherrador/jomgLb2h/) b ### **File sharing** - 5.0.0 free -- By [InsanityMeetsHH](https://github.com/InsanityMeetsHH) +- by [InsanityMeetsHH](https://github.com/InsanityMeetsHH) - [demo](https://codepen.io/anon/pen/vQpLZr) ```html @@ -109,7 +109,7 @@ Here a collection of [stacked icons](https://jsfiddle.net/cherrador/jomgLb2h/) b ### **File with lightbulb** - 5.3.0 free -- By [tagliala](https://github.com/tagliala) +- by [tagliala](https://github.com/tagliala) - [issue](https://github.com/FortAwesome/Font-Awesome/issues/13672) - [demo](http://jsfiddle.net/tagliala/9tercwpy/28/) @@ -124,7 +124,7 @@ Here a collection of [stacked icons](https://jsfiddle.net/cherrador/jomgLb2h/) b ### **Info** - 5.0.0 free -- By [tagliala](https://github.com/tagliala) and [InsanityMeetsHH](https://github.com/InsanityMeetsHH) +- by [tagliala](https://github.com/tagliala) and [InsanityMeetsHH](https://github.com/InsanityMeetsHH) - [issue](https://github.com/FortAwesome/Font-Awesome/issues/3114) - [demo 1](https://jsfiddle.net/tagliala/qu83xrwp/16/), [demo 2](https://codepen.io/anon/pen/RqxrLY) @@ -149,7 +149,7 @@ Here a collection of [stacked icons](https://jsfiddle.net/cherrador/jomgLb2h/) b ### **Insert Above / Below** - 5.0.0 free -- By [CTiedeman](https://github.com/CTiedeman) +- by [CTiedeman](https://github.com/CTiedeman) - [issue](https://github.com/FortAwesome/Font-Awesome/issues/13863) - [demo](https://codepen.io/ctiedeman/pen/zJNmRL) @@ -187,7 +187,7 @@ Here a collection of [stacked icons](https://jsfiddle.net/cherrador/jomgLb2h/) b ### **Marker with plus** - 5.0.0 free -- By [tagliala](https://github.com/tagliala) +- by [tagliala](https://github.com/tagliala) - [issue](https://github.com/FortAwesome/Font-Awesome/issues/14135) - [demo](https://jsfiddle.net/tagliala/mfopk9qe/4/) @@ -202,7 +202,7 @@ Here a collection of [stacked icons](https://jsfiddle.net/cherrador/jomgLb2h/) b ### **Phone on square** - 5.0.0 free -- By [marcoroth](https://github.com/marcoroth) and [InsanityMeetsHH](https://github.com/InsanityMeetsHH) +- by [marcoroth](https://github.com/marcoroth) and [InsanityMeetsHH](https://github.com/InsanityMeetsHH) - [issue](https://github.com/FortAwesome/Font-Awesome/issues/11823) - [demo](https://codepen.io/anon/pen/NEXxYK) @@ -217,9 +217,34 @@ Here a collection of [stacked icons](https://jsfiddle.net/cherrador/jomgLb2h/) b ------------ +### **Program Start / Stop** +- 5.0.0 free +- by [InsanityMeetsHH](https://github.com/InsanityMeetsHH) +- [issue](https://github.com/FortAwesome/Font-Awesome/issues/13766) +- [demo](https://codepen.io/anon/pen/vQdgEE) + +```html + + + + + + + + + + + + + + +``` + +------------ + ### **Save icon set** - 5.0.13 free -- By [InsanityMeetsHH](https://github.com/InsanityMeetsHH) +- by [InsanityMeetsHH](https://github.com/InsanityMeetsHH) - [issue](https://github.com/FortAwesome/Font-Awesome/issues/14152) - [demo](https://codepen.io/anon/pen/ePjMBo) @@ -251,7 +276,7 @@ Here a collection of [stacked icons](https://jsfiddle.net/cherrador/jomgLb2h/) b ### **Search with plus** - 5.0.0 free -- By [tagliala](https://github.com/tagliala) +- by [tagliala](https://github.com/tagliala) - [issue](https://github.com/FortAwesome/Font-Awesome/issues/12445) - [demo](https://jsfiddle.net/vLae8ted/79/) @@ -266,7 +291,7 @@ Here a collection of [stacked icons](https://jsfiddle.net/cherrador/jomgLb2h/) b ### **Space shuttle launch** - 5.0.0 free -- By [InsanityMeetsHH](https://github.com/InsanityMeetsHH) +- by [InsanityMeetsHH](https://github.com/InsanityMeetsHH) - [demo](https://codepen.io/anon/pen/XyVXqM) ```html @@ -280,7 +305,7 @@ Here a collection of [stacked icons](https://jsfiddle.net/cherrador/jomgLb2h/) b ### **Unisex** - 5.0.5 free -- By [tagliala](https://github.com/tagliala) +- by [tagliala](https://github.com/tagliala) - [issue](https://github.com/FortAwesome/Font-Awesome/issues/14281) - [demo](https://jsfiddle.net/tagliala/wks0e6pa/7/) @@ -295,7 +320,7 @@ Here a collection of [stacked icons](https://jsfiddle.net/cherrador/jomgLb2h/) b ### **User with pencil** - 5.0.11 free -- By [tagliala](https://github.com/tagliala) +- by [tagliala](https://github.com/tagliala) - [issue](https://github.com/FortAwesome/Font-Awesome/issues/1181#issuecomment-350016641) - [demo](https://jsfiddle.net/tagliala/8oqL3b5p/) @@ -310,7 +335,7 @@ Here a collection of [stacked icons](https://jsfiddle.net/cherrador/jomgLb2h/) b ### **Voicemail** - 5.0.9 free -- By [GabrielBuenoOliveira](https://github.com/GabrielBuenoOliveira) +- by [GabrielBuenoOliveira](https://github.com/GabrielBuenoOliveira) - [issue](https://github.com/FortAwesome/Font-Awesome/issues/2637) - [demo](https://codepen.io/anon/pen/RqxrBq) @@ -325,7 +350,7 @@ Here a collection of [stacked icons](https://jsfiddle.net/cherrador/jomgLb2h/) b ### **Window search** - 5.0.0 free -- By [tagliala](https://github.com/tagliala) +- by [tagliala](https://github.com/tagliala) - [issue](https://github.com/FortAwesome/Font-Awesome/issues/13595) - [demo](https://jsfiddle.net/tagliala/ydq3jrne/51/)