Mixin for creating svg icons

svg-icons.scss

/**
 * Icon
 * Allows easy insertion of an svg icon.
 *
 * $icon-name: name of the icon used in the symbol-defs (needs quotes)
 * $fill: icon fill color
 * $property: background-image or content?
 * example: @include icon('cross', '#000', content);
 */
@mixin icon($icon-name, $fill: false, $property: background-image) {
	#{$property}: url('../svg/symbol-defs.svg#icon-#{$icon-name}');
	@if false != $fill {
		fill: $fill;
	}
	@content;
}