UCLA Component Library

Denotive Icons SVG: Play 

<!-- Play Black -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Play</title>
    <g id="Icon/play-defaultblue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <path d="M20,33 L32,24 L20,15 L20,33 Z M24,4 C12.96,4 4,12.96 4,24 C4,35.04 12.96,44 24,44 C35.04,44 44,35.04 44,24 C44,12.96 35.04,4 24,4 Z M24,41 C14.62875,41 7,33.37125 7,24 C7,14.62875 14.62875,7 24,7 C33.37125,7 41,14.62875 41,24 C41,33.37125 33.37125,41 24,41 Z" id="Shape" fill="#000000"></path>
    </g>
</svg>

<div style="background: #2774AE; display: inline-block;">
    <!-- Play White -->
    <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>Play</title>
        <g id="Icon/play-defaultblue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <path d="M20,33 L32,24 L20,15 L20,33 Z M24,4 C12.96,4 4,12.96 4,24 C4,35.04 12.96,44 24,44 C35.04,44 44,35.04 44,24 C44,12.96 35.04,4 24,4 Z M24,41 C14.62875,41 7,33.37125 7,24 C7,14.62875 14.62875,7 24,7 C33.37125,7 41,14.62875 41,24 C41,33.37125 33.37125,41 24,41 Z" id="Shape" fill="#FFFFFF"></path>
        </g>
    </svg>
</div>

<!-- Play Blue -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Play</title>
    <g id="Icon/play-defaultblue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <path d="M20,33 L32,24 L20,15 L20,33 Z M24,4 C12.96,4 4,12.96 4,24 C4,35.04 12.96,44 24,44 C35.04,44 44,35.04 44,24 C44,12.96 35.04,4 24,4 Z M24,41 C14.62875,41 7,33.37125 7,24 C7,14.62875 14.62875,7 24,7 C33.37125,7 41,14.62875 41,24 C41,33.37125 33.37125,41 24,41 Z" id="Shape" fill="#00598C"></path>
    </g>
</svg>