<i class="pe pe-7s-map-marker"></i> Map-marker <!-- this icon's 1) style prefix == pe and 2) icon name == map-marker --> <span class="pe pe-7s-rocket"></span> Rocket <!-- using a <span> element to reference the icon -->
To increase icon sizes relative to their container, use the pe-lg (33% increase), pe-2x, pe-3x, pe-4x, or pe-5x classes. To align the icon at the middle of a text, use the pe-va class. Here are some examples:
<i class="pe pe-7s-map-marker pe-lg pe-va"></i>
<i class="pe pe-7s-map-marker pe-2x pe-va"></i>
<i class="pe pe-7s-map-marker pe-3x pe-va"></i>
<i class="pe pe-7s-map-marker pe-4x pe-va"></i>
<i class="pe pe-7s-map-marker pe-5x pe-va"></i>
