<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 322 172" width="322" height="172" style="color: #354052"><rect x="0" y="0" width="322" height="172" fill="#fff"></rect>
	<symbol id="arrow-ramp-left" class="icon icon-tabler icon-tabler-arrow-ramp-left" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="17" y1="3" x2="17" y2="11.707" /><path d="M13 7l4 -4l4 4" /><path d="M7 14l-4 -4l4 -4" /><path d="M17 21a11 11 0 0 0 -11 -11h-3" />
</symbol>
	<symbol id="arrow-ramp-right" class="icon icon-tabler icon-tabler-arrow-ramp-right" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7" y1="3" x2="7" y2="11.707" /><path d="M11 7l-4 -4l-4 4" /><path d="M17 14l4 -4l-4 -4" /><path d="M7 21a11 11 0 0 1 11 -11h3" />
</symbol>
	<symbol id="cloud-off" class="icon icon-tabler icon-tabler-cloud-off" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M18 18h-11c-2.598 0 -4.705 -2.015 -4.705 -4.5s2.107 -4.5 4.705 -4.5c.112 -.5 .305 -.973 .568 -1.408m2.094 -1.948c.329 -.174 .68 -.319 1.05 -.43c1.9 -.576 3.997 -.194 5.5 1c1.503 1.192 2.185 3.017 1.788 4.786h1a3.5 3.5 0 0 1 2.212 6.212" />
</symbol>
	<symbol id="message-circle-2" class="icon icon-tabler icon-tabler-message-circle-2" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 20l1.3 -3.9a9 8 0 1 1 3.4 2.9l-4.7 1" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" />
</symbol>
	<symbol id="message-circle-off" class="icon icon-tabler icon-tabler-message-circle-off" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M8.585 4.581c3.225 -1.181 7.032 -.616 9.66 1.626c2.983 2.543 3.602 6.525 1.634 9.662m-1.908 2.108c-2.786 2.19 -6.89 2.665 -10.271 1.023l-4.7 1l1.3 -3.9c-2.237 -3.308 -1.489 -7.54 1.714 -10.084" />
</symbol>
	<symbol id="message-off" class="icon icon-tabler icon-tabler-message-off" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M17 17h-9l-4 4v-13c0 -1.086 .577 -2.036 1.44 -2.563m3.561 -.437h8a3 3 0 0 1 3 3v6c0 .575 -.162 1.112 -.442 1.568" />
</symbol>
	<symbol id="messages-off" class="icon icon-tabler icon-tabler-messages-off" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M11 11a1 1 0 0 1 -1 -1m0 -3.968v-2.032a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10l-3 -3h-3" /><path d="M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2" />
</symbol>
	<symbol id="picture-in-picture-off" class="icon icon-tabler icon-tabler-picture-in-picture-off" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 19h-6a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v4" /><rect x="14" y="14" width="7" height="5" rx="1" /><line x1="7" y1="9" x2="11" y2="13" /><path d="M7 12v-3h3" />
</symbol>
	<symbol id="picture-in-picture-on" class="icon icon-tabler icon-tabler-picture-in-picture-on" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 19h-6a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v4" /><rect x="14" y="14" width="7" height="5" rx="1" /><line x1="7" y1="9" x2="11" y2="13" /><path d="M8 13h3v-3" />
</symbol>
	<symbol id="player-pause" class="icon icon-tabler icon-tabler-player-pause" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="6" y="5" width="4" height="14" rx="1" /><rect x="14" y="5" width="4" height="14" rx="1" />
</symbol>
	<symbol id="player-play" class="icon icon-tabler icon-tabler-player-play" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4v16l13 -8z" />
</symbol>
	<symbol id="player-record" class="icon icon-tabler icon-tabler-player-record" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="7" />
</symbol>
	<symbol id="player-skip-back" class="icon icon-tabler icon-tabler-player-skip-back" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 5v14l-12 -7z" /><line x1="4" y1="5" x2="4" y2="19" />
</symbol>
	<symbol id="player-skip-forward" class="icon icon-tabler icon-tabler-player-skip-forward" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 5v14l12 -7z" /><line x1="20" y1="5" x2="20" y2="19" />
</symbol>
	<symbol id="player-stop" class="icon icon-tabler icon-tabler-player-stop" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="5" width="14" height="14" rx="2" />
</symbol>
	<symbol id="player-track-next" class="icon icon-tabler icon-tabler-player-track-next" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 5v14l8-7z" /><path d="M14 5v14l8-7z" />
</symbol>
	<symbol id="player-track-prev" class="icon icon-tabler icon-tabler-player-track-prev" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 5v14l-8 -7z" /><path d="M10 5v14l-8 -7z" />
</symbol>

	<use xlink:href="#arrow-ramp-left" x="24" y="24" width="24" height="24" />
	<use xlink:href="#arrow-ramp-right" x="74" y="24" width="24" height="24" />
	<use xlink:href="#cloud-off" x="124" y="24" width="24" height="24" />
	<use xlink:href="#message-circle-2" x="174" y="24" width="24" height="24" />
	<use xlink:href="#message-circle-off" x="224" y="24" width="24" height="24" />
	<use xlink:href="#message-off" x="274" y="24" width="24" height="24" />
	<use xlink:href="#messages-off" x="24" y="74" width="24" height="24" />
	<use xlink:href="#picture-in-picture-off" x="74" y="74" width="24" height="24" />
	<use xlink:href="#picture-in-picture-on" x="124" y="74" width="24" height="24" />
	<use xlink:href="#player-pause" x="174" y="74" width="24" height="24" />
	<use xlink:href="#player-play" x="224" y="74" width="24" height="24" />
	<use xlink:href="#player-record" x="274" y="74" width="24" height="24" />
	<use xlink:href="#player-skip-back" x="24" y="124" width="24" height="24" />
	<use xlink:href="#player-skip-forward" x="74" y="124" width="24" height="24" />
	<use xlink:href="#player-stop" x="124" y="124" width="24" height="24" />
	<use xlink:href="#player-track-next" x="174" y="124" width="24" height="24" />
	<use xlink:href="#player-track-prev" x="224" y="124" width="24" height="24" />

</svg>