ICONYZ
Español
Icono Service de Element Plus

Icono Service

ep:service

El icono Service (ep:service) es un icono SVG gratuito de la colección Element Plus. Está dibujado en una cuadrícula de 1024 × 1024. Element Plus icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Element Plus
Autor
Element Plus
Licencia
MIT
Tamaño
1024 × 1024
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M864 409.6A192 192 0 0 1 826.1 759A256 256 0 0 1 576 960h-96a32 32 0 1 1 0-64h96a192 192 0 0 0 181.1-128H736a32 32 0 0 1-32-32V416a32 32 0 0 1 32-32h32q15.5 0 30.5 2.4a288 288 0 0 0-573 0A193 193 0 0 1 256 384h32a32 32 0 0 1 32 32v320a32 32 0 0 1-32 32h-32a192 192 0 0 1-96-358.4a352 352 0 0 1 704 0M256 448a128 128 0 1 0 0 256zm640 128a128 128 0 0 0-128-128v256a128 128 0 0 0 128-128"/></svg>

Cómo usar el icono Service

React

import { Icon } from "@iconify/react";

<Icon icon="ep:service" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ep:service" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ep:service" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ep--service]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ep -->
<div class="i-ep:service"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ep:service"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/ep/service.svg" alt="Icono Service" width="24" height="24">

El icono Service en otras colecciones

Preguntas frecuentes sobre Icono Service

¿El icono Service es gratis para uso comercial?

Sí. Element Plus icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Service en React?

Instala @iconify/react y renderiza <Icon icon="ep:service" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Service a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ep/service.svg" alt="Icono Service">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Element Plus →