Translate /API/Notification/icon [es] (#4066)

* Translate /API/Notification/icon [es]

Co-authored-by: Juan Vásquez <juan@logicalbricks.com>
Co-authored-by: Anderson Vallejo <48649209+Vallejoanderson@users.noreply.github.com>

2 files changed, 52 insertions, 58 deletions

diff --git a/files/es/web/api/notification/icon/index.html b/files/es/web/api/notification/icon/index.html
deleted file mode 100644
index deb7c0606e..0000000000
--- a/files/es/web/api/notification/icon/index.html
+++ /dev/null
@@ -1,58 +0,0 @@
----
-title: Notification.icon
-slug: Web/API/notification/icon
-translation_of: Web/API/Notification/icon
----
-<p>{{APIRef("Web Notifications")}}</p>
-
-<p>{{ SeeCompatTable() }}</p>
-
-<h2 id="Summary" name="Summary">Resumen</h2>
-
-<p><span style="line-height: 23.3333339691162px;">La propiedad icon indica la URL del icono a usar dentro de la notificacion</span>.</p>
-
-<p>El valor para esta propiedad es enviada durante la instanciacion <span style="line-height: 23.3333339691162px;">{{domxref("Notification")}}  definiendo la propiedad icon el objeto pasa al </span> <span style="line-height: 23.3333339691162px;">{{domxref("Notification")}} constructor.</span></p>
-
-<h2 id="Syntax" name="Syntax">Sintaxis</h2>
-
-<pre class="eval">var <em>icon</em> = <em>instanceOfNotification</em>.icon;
-</pre>
-
-<h3 id="Return_Value" name="Return_Value">Tipo</h3>
-
-<p>String que representa una URL válida.</p>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Especificacion</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentario</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName('Web Notifications')}}</td>
-   <td>{{Spec2('Web Notifications')}}</td>
-   <td>Initial specification.</td>
-  </tr>
-  <tr>
-   <td> </td>
-   <td> </td>
-   <td> </td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Navegadores_Compatibles">Navegadores Compatibles</h2>
-
-<p>{{Page("/en-US/docs/Web/API/Notification","Browser compatibility")}}</p>
-
-<h2 id="Ver_también">Ver también</h2>
-
-<ul>
- <li>{{domxref("Notification")}}</li>
- <li><a href="/en-US/docs/WebAPI/Using_Web_Notifications" title="/en-US/docs/WebAPI/Using_Web_Notifications">Using Web Notifications</a></li>
-</ul>
diff --git a/files/es/web/api/notification/icon/index.md b/files/es/web/api/notification/icon/index.md
new file mode 100644
index 0000000000..6adafe83ee
--- /dev/null
+++ b/files/es/web/api/notification/icon/index.md
@@ -0,0 +1,52 @@
+---
+title: Notification.icon
+slug: Web/API/Notification/icon
+translation_of: Web/API/Notification/icon
+browser-compat: api.Notification.icon
+---
+{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}
+
+La propiedad de solo lectura **`icon`** de la interfaz
+[`Notification`](/es/docs/Web/API/Notification) contiene la URL de un ícono que
+se mostrará como parte de la notificación, como se especifica en la opción
+`icon` del constructor
+[`Notification()`](/es/docs/Web/API/Notification/Notification).
+
+## Sintaxis
+
+```js
+var icon = Notification.icon;
+```
+
+### Valor
+
+Un [`USVString`](/es/docs/Web/API/USVString).
+
+## Ejemplos
+
+En nuestra
+[aplicación de lista de tareas pendientes](https://github.com/mdn/to-do-notifications/tree/gh-pages)
+([ver la aplicación ejecutándose en vivo](https://mdn.github.io/to-do-notifications/)),
+usamos el constructor
+[`Notification()`](/es/docs/Web/API/Notification/Notification) para disparar una
+notificación, pasandole los argumentos que especifican el cuerpo, ícono y
+título que queremos.
+
+```js
+var notification = new Notification("Lista de tareas pendientes", {
+  body: text,
+  icon: img,
+});
+```
+
+## Especificaciones
+
+{{Specifications}}
+
+## Compatibilidad con navegadores
+
+{{Compat}}
+
+## Véase también
+
+- [Usando la API de Notificaciones](/es/docs/Web/API/Notifications_API/Using_the_Notifications_API)