sassvg-arrows

sass SVG arrow generator

Usage no npm install needed!

<script type="module">
  import sassvgArrows from 'https://cdn.skypack.dev/sassvg-arrows';
</script>

README

sassvg-arrows

generates SVG-Arrows with sass. Large ones, Small ones, red ones. Demo

Setup

Install with npm or simply checkout the project.

npm install sassvg-arrows --save

Import sassvg-arrows.scss into your main scss/sass file.

@import 'sassvg-arrows';

PS: node-sass (libsass) for example lets you add the NPM directory as an import path.

Usage

@include arrow($direction: down, $weight: 2, $width: .8em, $height: .45em, $fill: red);

Credits

The awesome super clean arrow SVG was provided by Simon Raess