ICONYZ
Español
Icono Activity Zone de Material Symbols

Icono Activity Zone

material-symbols:activity-zone

El icono Activity Zone (material-symbols:activity-zone) es un icono SVG gratuito de la colección Material Symbols de Google. Está dibujado en una cuadrícula de 24 × 24. Material Symbols icons se publican bajo la licencia Apache 2.0, 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
Material Symbols
Autor
Google
Licencia
Apache-2.0
Tamaño
24 × 24
Etiquetas
activityzone
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5 22q-1.25 0-2.125-.875T2 19q0-.975.563-1.737T4 16.174v-8.35Q3.125 7.5 2.563 6.737T2 5q0-1.25.875-2.125T5 2q.975 0 1.738.563T7.825 4h8.35q.3-.875 1.063-1.437T19 2q1.25 0 2.125.875T22 5q0 1-.562 1.763T20 7.825v8.35q.875.325 1.438 1.088T22 19q0 1.25-.875 2.125T19 22q-.975 0-1.737-.562T16.174 20h-8.35q-.325.875-1.088 1.438T5 22m2.825-4h8.35q.225-.65.7-1.125t1.125-.7v-8.35q-.65-.225-1.125-.7T16.175 6h-8.35q-.225.65-.7 1.125T6 7.825v8.35q.65.225 1.125.7t.7 1.125"/></svg>

Cómo usar el icono Activity Zone

React

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

<Icon icon="material-symbols:activity-zone" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:activity-zone" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:activity-zone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--activity-zone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:activity-zone"></div>

Web component

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

<iconify-icon icon="material-symbols:activity-zone"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/activity-zone.svg" alt="Icono Activity Zone" width="24" height="24">

Iconos relacionados en Material Symbols

El icono Activity Zone en otras colecciones

Preguntas frecuentes sobre Icono Activity Zone

¿El icono Activity Zone es gratis para uso comercial?

Sí. Material Symbols icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Activity Zone en React?

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

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

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

Ver todos los Iconos Material Symbols →