diff --git a/packages/app/src/components/Icons/customIcons/lossless.jsx b/packages/app/src/components/Icons/customIcons/lossless.jsx
index 3d5c289f..884ca7c4 100644
--- a/packages/app/src/components/Icons/customIcons/lossless.jsx
+++ b/packages/app/src/components/Icons/customIcons/lossless.jsx
@@ -1 +1,18 @@
-export default (props) => <svg {...props} xmlns="http://www.w3.org/2000/svg" width="14.0" height="9.0" viewBox="0 0 14.0 9.0"><path fill="#ffffffff" d="M4.5522,0C4.8969,0 5.205,0.1229 5.4844,0.3361C5.5808,0.4095 5.6939,0.5149 5.7751,0.6012C7.2178,2.136 7.8307,6.1801 8.804,7.8187C8.8851,7.9552 8.9397,8.0258 8.9618,8.0559C9.1839,8.3565 9.4261,8.535 9.7017,8.535C9.7951,8.535 9.8926,8.513 9.9941,8.4706C10.091,8.5776 10.1918,8.6744 10.2966,8.7588C10.0427,8.9239 9.7355,9 9.4478,9C9.1031,9 8.795,8.8771 8.5156,8.664C8.4374,8.6043 8.3179,8.4978 8.2249,8.3989C6.7822,6.864 6.1693,2.8199 5.1959,1.1813C4.9026,0.6879 4.5245,0.3133 4.0059,0.5294C3.9089,0.4222 3.8082,0.3258 3.7033,0.2411C3.9572,0.0761 4.2643,0 4.5522,0ZM2.3869,0.0214C5.5605,-0.4229 5.8126,8.535 7.7911,8.535C7.884,8.535 7.981,8.5132 8.0818,8.4714C8.1792,8.5788 8.2807,8.6743 8.386,8.7589C8.132,8.9238 7.8249,9 7.537,9C5.8045,9 4.9435,5.8448 4.2734,3.724C4.229,3.5835 4.1847,3.4448 4.1405,3.3079C3.8674,2.4631 3.5948,1.7027 3.2851,1.1814C3.2223,1.0754 3.1578,0.9796 3.0916,0.8947C2.7131,0.4102 2.305,0.329 1.8286,0.6833C0.8287,1.4214 0.3651,3.8953 0.2183,5.1524L0.2183,5.1524C0.2107,5.2178 0.1637,5.2595 0.1092,5.2595C0.1048,5.2595 0.1005,5.2593 0.0961,5.2587C0.0362,5.2514 -0.0064,5.1959 0.0008,5.1346L0.0008,5.1346C0.2175,3.7154 0.5767,1.2827 1.6123,0.3783C1.8147,0.1972 2.0896,0.0629 2.3869,0.0214ZM6.4629,0C8.1955,0 9.0565,3.1564 9.7265,5.276C9.771,5.4165 9.8153,5.5553 9.8595,5.692C10.1326,6.537 10.4052,7.2972 10.7148,7.8186C10.7777,7.9245 10.8422,8.0205 10.9085,8.1053C11.1207,8.3769 11.3516,8.535 11.6124,8.535C11.7848,8.535 11.9702,8.4663 12.1713,8.3167C13.1712,7.5786 13.6348,5.1048 13.7816,3.8477L13.7816,3.8477C13.7893,3.7822 13.8364,3.7406 13.8908,3.7406C13.8952,3.7406 13.8996,3.7408 13.9039,3.7414C13.9637,3.7486 14.0063,3.8042 13.9992,3.8653L13.9992,3.8653C13.7825,5.2845 13.4234,7.7172 12.3876,8.6217C12.1016,8.8779 11.7247,9 11.3584,9C8.4607,9 8.1211,0.465 6.2089,0.465C6.116,0.465 6.0191,0.4868 5.9182,0.5286C5.8209,0.4213 5.7194,0.3257 5.614,0.2412C5.868,0.0761 6.1751,0 6.4629,0ZM11.9867,3.7407C12.0531,3.7487 12.0957,3.8041 12.0885,3.8654L12.0885,3.8654C11.9128,5.0167 11.6434,6.8324 10.9962,7.9608C10.9326,7.8744 10.8704,7.7766 10.8094,7.6686C11.437,6.6147 11.7543,4.8471 11.8711,3.8477L11.8711,3.8477C11.8787,3.7822 11.9257,3.7405 11.9801,3.7405C11.9845,3.7405 11.9889,3.7408 11.9932,3.7413ZM9.1606,7.1514C9.2138,7.2632 9.2681,7.3719 9.3239,7.4773C9.2504,7.6486 9.1707,7.8106 9.0847,7.9608C9.0215,7.8746 8.9594,7.7769 8.8985,7.6691C8.9927,7.5108 9.0801,7.3368 9.1606,7.1514ZM10.076,3.7407C10.1424,3.7487 10.1851,3.8041 10.1779,3.8654L10.1779,3.8654C10.1111,4.303 10.0313,4.8324 9.9229,5.3838C9.8782,5.2436 9.8336,5.1029 9.7893,4.9621C9.8681,4.5458 9.9239,4.1593 9.9604,3.8477L9.9604,3.8477C9.968,3.7822 10.015,3.7405 10.0695,3.7405C10.0739,3.7405 10.0782,3.7408 10.0826,3.7413ZM3.0038,1.0393C3.0674,1.1256 3.1296,1.2234 3.1906,1.3314C2.563,2.3853 2.2457,4.153 2.1289,5.1523L2.1289,5.1523C2.1213,5.2178 2.0743,5.2595 2.0199,5.2595C2.0155,5.2595 2.0111,5.2592 2.0068,5.2587C1.9469,5.2513 1.9042,5.1958 1.9114,5.1346L1.9114,5.1346C2.0872,3.9834 2.3565,2.1676 3.0038,1.0393ZM4.0771,3.6161C4.1218,3.7564 4.1663,3.8971 4.2107,4.038C4.1319,4.4542 4.076,4.8406 4.0396,5.1523L4.0396,5.1523C4.032,5.2178 3.985,5.2595 3.9305,5.2595C3.9261,5.2595 3.9218,5.2592 3.9174,5.2587C3.8575,5.2513 3.8149,5.1958 3.8221,5.1346L3.8221,5.1346C3.8889,4.697 3.9687,4.1676 4.0771,3.6161ZM4.9153,1.0392C4.9787,1.1253 5.0406,1.2231 5.1014,1.3309C5.0072,1.489 4.92,1.6632 4.8394,1.8486C4.7862,1.7368 4.7319,1.6281 4.6762,1.5227C4.7495,1.3514 4.8293,1.1895 4.9153,1.0392Z" stroke="#00000010" stroke-width="1.0" fill-rule="evenodd" id="path_0" /></svg>
\ No newline at end of file
+export default (props) => (
+	<svg
+		{...props}
+		xmlns="http://www.w3.org/2000/svg"
+		width="14.0"
+		height="9.0"
+		viewBox="0 0 14.0 9.0"
+	>
+		<path
+			fill="#ffffffff"
+			d="M4.5522,0C4.8969,0 5.205,0.1229 5.4844,0.3361C5.5808,0.4095 5.6939,0.5149 5.7751,0.6012C7.2178,2.136 7.8307,6.1801 8.804,7.8187C8.8851,7.9552 8.9397,8.0258 8.9618,8.0559C9.1839,8.3565 9.4261,8.535 9.7017,8.535C9.7951,8.535 9.8926,8.513 9.9941,8.4706C10.091,8.5776 10.1918,8.6744 10.2966,8.7588C10.0427,8.9239 9.7355,9 9.4478,9C9.1031,9 8.795,8.8771 8.5156,8.664C8.4374,8.6043 8.3179,8.4978 8.2249,8.3989C6.7822,6.864 6.1693,2.8199 5.1959,1.1813C4.9026,0.6879 4.5245,0.3133 4.0059,0.5294C3.9089,0.4222 3.8082,0.3258 3.7033,0.2411C3.9572,0.0761 4.2643,0 4.5522,0ZM2.3869,0.0214C5.5605,-0.4229 5.8126,8.535 7.7911,8.535C7.884,8.535 7.981,8.5132 8.0818,8.4714C8.1792,8.5788 8.2807,8.6743 8.386,8.7589C8.132,8.9238 7.8249,9 7.537,9C5.8045,9 4.9435,5.8448 4.2734,3.724C4.229,3.5835 4.1847,3.4448 4.1405,3.3079C3.8674,2.4631 3.5948,1.7027 3.2851,1.1814C3.2223,1.0754 3.1578,0.9796 3.0916,0.8947C2.7131,0.4102 2.305,0.329 1.8286,0.6833C0.8287,1.4214 0.3651,3.8953 0.2183,5.1524L0.2183,5.1524C0.2107,5.2178 0.1637,5.2595 0.1092,5.2595C0.1048,5.2595 0.1005,5.2593 0.0961,5.2587C0.0362,5.2514 -0.0064,5.1959 0.0008,5.1346L0.0008,5.1346C0.2175,3.7154 0.5767,1.2827 1.6123,0.3783C1.8147,0.1972 2.0896,0.0629 2.3869,0.0214ZM6.4629,0C8.1955,0 9.0565,3.1564 9.7265,5.276C9.771,5.4165 9.8153,5.5553 9.8595,5.692C10.1326,6.537 10.4052,7.2972 10.7148,7.8186C10.7777,7.9245 10.8422,8.0205 10.9085,8.1053C11.1207,8.3769 11.3516,8.535 11.6124,8.535C11.7848,8.535 11.9702,8.4663 12.1713,8.3167C13.1712,7.5786 13.6348,5.1048 13.7816,3.8477L13.7816,3.8477C13.7893,3.7822 13.8364,3.7406 13.8908,3.7406C13.8952,3.7406 13.8996,3.7408 13.9039,3.7414C13.9637,3.7486 14.0063,3.8042 13.9992,3.8653L13.9992,3.8653C13.7825,5.2845 13.4234,7.7172 12.3876,8.6217C12.1016,8.8779 11.7247,9 11.3584,9C8.4607,9 8.1211,0.465 6.2089,0.465C6.116,0.465 6.0191,0.4868 5.9182,0.5286C5.8209,0.4213 5.7194,0.3257 5.614,0.2412C5.868,0.0761 6.1751,0 6.4629,0ZM11.9867,3.7407C12.0531,3.7487 12.0957,3.8041 12.0885,3.8654L12.0885,3.8654C11.9128,5.0167 11.6434,6.8324 10.9962,7.9608C10.9326,7.8744 10.8704,7.7766 10.8094,7.6686C11.437,6.6147 11.7543,4.8471 11.8711,3.8477L11.8711,3.8477C11.8787,3.7822 11.9257,3.7405 11.9801,3.7405C11.9845,3.7405 11.9889,3.7408 11.9932,3.7413ZM9.1606,7.1514C9.2138,7.2632 9.2681,7.3719 9.3239,7.4773C9.2504,7.6486 9.1707,7.8106 9.0847,7.9608C9.0215,7.8746 8.9594,7.7769 8.8985,7.6691C8.9927,7.5108 9.0801,7.3368 9.1606,7.1514ZM10.076,3.7407C10.1424,3.7487 10.1851,3.8041 10.1779,3.8654L10.1779,3.8654C10.1111,4.303 10.0313,4.8324 9.9229,5.3838C9.8782,5.2436 9.8336,5.1029 9.7893,4.9621C9.8681,4.5458 9.9239,4.1593 9.9604,3.8477L9.9604,3.8477C9.968,3.7822 10.015,3.7405 10.0695,3.7405C10.0739,3.7405 10.0782,3.7408 10.0826,3.7413ZM3.0038,1.0393C3.0674,1.1256 3.1296,1.2234 3.1906,1.3314C2.563,2.3853 2.2457,4.153 2.1289,5.1523L2.1289,5.1523C2.1213,5.2178 2.0743,5.2595 2.0199,5.2595C2.0155,5.2595 2.0111,5.2592 2.0068,5.2587C1.9469,5.2513 1.9042,5.1958 1.9114,5.1346L1.9114,5.1346C2.0872,3.9834 2.3565,2.1676 3.0038,1.0393ZM4.0771,3.6161C4.1218,3.7564 4.1663,3.8971 4.2107,4.038C4.1319,4.4542 4.076,4.8406 4.0396,5.1523L4.0396,5.1523C4.032,5.2178 3.985,5.2595 3.9305,5.2595C3.9261,5.2595 3.9218,5.2592 3.9174,5.2587C3.8575,5.2513 3.8149,5.1958 3.8221,5.1346L3.8221,5.1346C3.8889,4.697 3.9687,4.1676 4.0771,3.6161ZM4.9153,1.0392C4.9787,1.1253 5.0406,1.2231 5.1014,1.3309C5.0072,1.489 4.92,1.6632 4.8394,1.8486C4.7862,1.7368 4.7319,1.6281 4.6762,1.5227C4.7495,1.3514 4.8293,1.1895 4.9153,1.0392Z"
+			stroke="#00000010"
+			strokeWidth="1.0"
+			fillRule="evenodd"
+			id="path_0"
+		/>
+	</svg>
+)
diff --git a/packages/app/src/components/Icons/customIcons/ogg.jsx b/packages/app/src/components/Icons/customIcons/ogg.jsx
new file mode 100644
index 00000000..837ba4e8
--- /dev/null
+++ b/packages/app/src/components/Icons/customIcons/ogg.jsx
@@ -0,0 +1,17 @@
+export default (props) => (
+	<svg
+		{...props}
+		width="1rem"
+		height="1rem"
+		viewBox="540.525 331.625 397.476 228.02"
+	>
+		<g>
+			<g class="fills">
+				<path
+					d="M566.514,558.789C557.237,556.959,552.372,545.298,557.454,537.075C561.388,530.710,562.690,530.500,598.152,530.504C627.957,530.508,630.206,530.633,633.197,532.456C642.490,538.123,642.729,551.085,633.644,556.734C630.081,558.950,629.333,559.003,599.501,559.140C582.726,559.217,567.882,559.059,566.514,558.789ZL566.514,558.789ZM696.501,545.129L696.501,530.630L727.251,530.315C755.020,530.031,758.261,529.824,760.681,528.181C766.279,524.381,766.966,522.177,767.277,507.000C767.560,493.247,767.534,493.049,765.783,495.781C764.803,497.311,762.075,499.495,759.721,500.635C755.730,502.568,754.107,502.679,735.721,502.290C716.779,501.888,715.728,501.759,709.082,499.012C699.817,495.182,690.705,486.371,686.639,477.308C674.978,451.317,691.052,422.089,719.501,417.552C726.702,416.403,749.805,416.159,755.907,417.167C758.573,417.608,761.034,419.033,763.657,421.656L767.501,425.500L767.501,416.500L796.574,416.500L796.288,477.250L796.001,538.000L793.340,543.000C789.950,549.370,785.327,553.787,779.001,556.699C774.098,558.955,773.245,559.006,735.251,559.314L696.501,559.627L696.501,545.129ZM760.784,471.236C764.920,468.523,766.886,464.782,766.883,459.632C766.880,454.197,764.574,450.143,760.102,447.712C756.132,445.555,729.230,444.688,722.499,446.501C712.023,449.322,708.272,462.239,715.859,469.367C719.642,472.920,722.937,473.422,741.048,473.205C755.422,473.032,758.518,472.723,760.784,471.236ZL760.784,471.236ZM838.501,545.127L838.501,530.608L868.751,530.304C896.301,530.027,899.279,529.832,902.115,528.114C907.978,524.565,908.964,521.547,909.339,506.000L909.677,492.000L907.319,495.500C902.827,502.167,900.617,502.666,877.501,502.233C857.909,501.866,856.745,501.732,851.225,499.218C839.447,493.853,831.849,486.244,827.304,475.264C825.585,471.108,825.113,467.894,825.063,460.000C824.978,446.311,827.507,439.785,836.522,430.439C847.667,418.882,858.037,415.956,885.320,416.669C901.497,417.092,903.545,417.756,907.441,423.837L909.467,427.000L909.484,421.723L909.501,416.445L923.751,416.723L938.001,417.000L938.001,537.000L935.141,542.500C931.304,549.878,929.086,552.131,922.001,555.850L916.001,559.000L838.501,559.645L838.501,545.127ZL838.501,545.127ZM902.308,471.500C910.768,465.999,910.662,453.060,902.115,447.885C899.370,446.223,896.869,446.000,881.001,446.000C863.755,446.000,862.864,446.098,859.736,448.329C855.133,451.612,853.169,455.866,853.775,461.242C854.350,466.341,858.178,471.021,862.963,472.477C864.634,472.985,873.651,473.311,883.001,473.200C896.159,473.045,900.522,472.661,902.308,471.500ZL902.308,471.500ZM575.501,501.549C558.549,498.445,544.412,483.434,541.552,465.500C540.174,456.858,540.187,377.030,541.567,368.519C544.660,349.456,558.992,335.470,578.564,332.415C583.180,331.695,592.449,331.445,603.001,331.758C618.530,332.217,620.650,332.505,627.501,335.082C633.871,337.477,636.055,338.975,642.001,345.024C647.378,350.494,649.581,353.636,651.501,358.573L654.001,365.000L654.001,470.000L651.548,475.500C646.428,486.978,639.529,493.863,627.777,499.221C622.199,501.764,621.280,501.863,601.001,502.114C589.451,502.256,577.976,502.002,575.501,501.549ZL575.501,501.549ZM615.558,472.501C617.514,471.957,620.439,470.131,622.058,468.441L625.001,465.370L625.279,418.441C625.587,366.622,625.731,367.940,619.266,363.329C616.138,361.098,615.247,361.000,598.001,361.000C577.994,361.000,575.687,361.608,571.886,367.886C570.128,370.789,569.981,373.956,569.702,414.712C569.495,445.077,569.750,459.713,570.539,462.643C571.767,467.204,576.236,472.111,579.787,472.799C584.348,473.682,612.139,473.450,615.558,472.501ZL615.558,472.501Z"
+					fill="currentColor"
+				></path>
+			</g>
+		</g>
+	</svg>
+)