Getting Started with Memory Icons

Using SVGs

All icons are designed in vector and provided in SVG format.

As an Image File

SVGs can be downloaded individually and included the same way as any bitmap image:

<img src="/path/to/icons/example-icon.svg" alt="An example icon" style="width:24px;height:24px" />

Inline SVG

SVG's can be used inline in the HTML.

<svg style="width:24px;height:24px" viewBox="0 0 24 24"> <path fill="#000000" d="M ... Z" /> <!-- account --> </svg>

Inline SVGs can also be overlayed by adding additional paths.

<svg style="width:24px;height:24px" viewBox="0 0 24 24"> <path fill="#000000" d="M ... Z" /> <!-- account --> <path fill="#990000" d="M ... Z" /> <!-- block-helper --> </svg>

Learn More About Using SVG

Frameworks & Technologies

See our Getting Started section for Material Design Icons for guides specific to your framework or language.