Code Library: Shapes
Arrow Blocks
EXAMPLE
Code found within the example container:
<div class="s3-p-8 s3-gd">
<p class="h5 text-center">EXAMPLE</p>
</div>
<img src="/_/s3.3/img/arrow/arrow-gd.png" alt="" class="img-responsive" draggable="false">
| Image | Color | Location |
|---|---|---|
 |
Garnet | /_/s3.3/img/arrow/arrow-gt.png |
|
Gold | /_/s3.3/img/arrow/arrow-gd.png |
 |
Gold +1 Canvas | /_/s3.3/img/arrow/arrow-gd1c.png |
 |
Gold +2 Canvas | /_/s3.3/img/arrow/arrow-gd2c.png |
 |
Gold +3 Canvas | /_/s3.3/img/arrow/arrow-gd3c.png |
 |
Canvas | /_/s3.3/img/arrow/arrow-c.png |
 |
White | /_/s3.3/img/arrow/arrow-w.png |
 |
Neutral +2 White | /_/s3.3/img/arrow/arrow-n2w.png |
 |
Neutral +1 White | /_/s3.3/img/arrow/arrow-n1w.png |
 |
Neutral | /_/s3.3/img/arrow/arrow-n.png |
 |
Neutral +2 Slate | /_/s3.3/img/arrow/arrow-n2s.png |
 |
Slate | /_/s3.3/img/arrow/arrow-s.png |
 |
Black | /_/s3.3/img/arrow/arrow-k.png |
Point Blocks
EXAMPLE
Code found within the example container:
<div class="s3-p-8 s3-gt">
<p class="h5 text-center">EXAMPLE</p>
</div>
<img src="/_/s3.3/img/point/point-gt.png" alt="" class="img-responsive" draggable="false">
| Image | Color | Location |
|---|---|---|
|
Garnet | /_/s3.3/img/point/point-gt.png |
 |
Gold | /_/s3.3/img/point/point-gd.png |
 |
Gold +1 Canvas | /_/s3.3/img/point/point-gd1c.png |
 |
Gold +2 Canvas | /_/s3.3/img/point/point-gd2c.png |
 |
Gold +3 Canvas | /_/s3.3/img/point/point-gd3c.png |
 |
Canvas | /_/s3.3/img/point/point-c.png |
 |
White | /_/s3.3/img/point/point-w.png |
 |
Neutral +2 White | /_/s3.3/img/point/point-n2w.png |
 |
Neutral +1 White | /_/s3.3/img/point/point-n1w.png |
 |
Neutral | /_/s3.3/img/point/point-n.png |
 |
Neutral +2 Slate | /_/s3.3/img/point/point-n2s.png |
 |
Slate | /_/s3.3/img/point/point-s.png |
 |
Black | /_/s3.3/img/point/point-k.png |