# Symbols Index

Here is a list of custom symbols with their corresponding byte arrays. If you've designed an interesting symbol and want to add to this list, feel free to submit a pull request. Please use the [custom character generator](./lcd-custom-char-generator.md) provided here to ensure consistency.

<style>
    /* .preview-symbol{
        width:50px;
        height:80px;
    } */
    .preview-symbol {
        width: 50px;
        height: 80px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        vertical-align: middle;

    }
</style>
<table>
    <thead>
        <tr>
            <th>Title</th>
            <th>Preview</th>
            <th>Byte Array</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Heart</th>
            <td><img class="preview-symbol" src="./images/custom-chars/heart.png" alt="heart"></td>
            <td>[ 0b00000, 0b01010, 0b11111, 0b11111, 0b01110, 0b00100, 0b00000, 0b00000,]</td>
        </tr>
        <tr>
            <td>Lock</th>
            <td><img class="preview-symbol" src="./images/custom-chars/lock.png" alt="lock"></td>
            <td>[ 0b01110, 0b10001, 0b10001, 0b11111, 0b11011, 0b11011, 0b11011, 0b11111, ]</td>
        </tr>
        <tr>
            <td>Hollow Heart</th>
            <td><img class="preview-symbol" src="./images/custom-chars/hollow-heart.png" alt="hollow-heart"></td>
            <td>[ 0b00000, 0b01010, 0b10101, 0b10001, 0b10001, 0b01010, 0b00100, 0b00000, ]</td>
        </tr>
        <tr>
            <td>Battery</th>
            <td><img class="preview-symbol" src="./images/custom-chars/battery.png" alt="battery"></td>
            <td>[ 0b01110, 0b11011, 0b10001, 0b10001, 0b10001, 0b11111, 0b11111, 0b11111, ]</td>
        </tr>
        <tr>
            <td>Bus</th>
            <td><img class="preview-symbol" src="./images/custom-chars/bus.png" alt="bus"></td>
            <td>[ 0b01110, 0b11111, 0b10001, 0b10001, 0b11111, 0b10101, 0b11111, 0b01010, ]</td>
        </tr>
        <tr>
            <td>Bell</th>
            <td><img class="preview-symbol" src="./images/custom-chars/bell.png" alt="bell"></td>
            <td>[ 0b00100, 0b01110, 0b01110, 0b01110, 0b11111, 0b00000, 0b00100, 0b00000, ]</td>
        </tr>
        <tr>
            <td>Hour Glass</th>
            <td><img class="preview-symbol" src="./images/custom-chars/hour-glass.png" alt="hour glass"></td>
            <td>[ 0b00000, 0b11111, 0b10001, 0b01010, 0b00100, 0b01010, 0b10101, 0b11111, ]</td>
        </tr>
        <tr>
            <td>Charger</th>
            <td><img class="preview-symbol" src="./images/custom-chars/charger.png" alt="charger"></td>
            <td>[ 0b01010, 0b01010, 0b11111, 0b10001, 0b10001, 0b01110, 0b00100, 0b00100, ]</td>
        </tr>
        <tr>
            <td>Tick Mark</th>
            <td><img class="preview-symbol" src="./images/custom-chars/tick-mark.png" alt="Tick Mark"></td>
            <td>[ 0b00000, 0b00000, 0b00001, 0b00011, 0b10110, 0b11100, 0b01000, 0b00000, ]</td>
        </tr>
        <tr>
            <td>Music Note</th>
            <td><img class="preview-symbol" src="./images/custom-chars/music-note.png" alt="Music note"></td>
            <td>[ 0b00011, 0b00010, 0b00010, 0b00010, 0b00010, 0b01110, 0b11110, 0b01110, ]</td>
        </tr>
    </tbody>
</table>
