Arrow Icons

Arrows

Examples

Arrow Up Line Icon

<svg class="textDarkestGray" height="40px" width="40px"><use xlink:href="#svgIcon-arrowLine"></use></svg>

Arrow Right Line Icon

<svg class="textDarkestGray rotate90" height="40px" width="40px"><use xlink:href="#svgIcon-arrowLine"></use></svg>

Arrow Down Line Icon

<svg class="textDarkestGray rotate180" height="40px" width="40px"><use xlink:href="#svgIcon-arrowLine"></use> </svg>

Arrow Left Line Icon

<svg class="textDarkestGray rotate270" height="40px" width="40px"><use xlink:href="#svgIcon-arrowLine"></use> </svg>

Solid Arrow Up Icon

<svg class="textDarkestGray" height="40px" width="40px"><use xlink:href="#svgIcon-arrowSolid"></use></svg>

Solid Arrow Right Icon

<svg class="textDarkestGray rotate90" height="40px" width="40px"><use xlink:href="#svgIcon-arrowSolid"></use></svg>

Solid Arrow Down Icon

<svg class="textDarkestGray rotate180" height="40px" width="40px"><use xlink:href="#svgIcon-arrowSolid"></use></svg>

Solid Arrow Left Icon

<svg class="textDarkestGray rotate270" height="40px" width="40px"><use xlink:href="#svgIcon-arrowSolid"></use></svg>

Code
					
<svg class="textDarkestGray rotate270" height="40px" width="40px"><use xlink:href="#svgIcon-arrowSolid"></use></svg>
Notes

None at this time.

Resources

Sass File(s)None
JS File(s)None Required
JS FunctionsNone
Locale KeysNone

Accessibility

None at this time.

To Top