Icono Routine Rounded
material-symbols:routine-rounded
El icono Routine Rounded (material-symbols:routine-rounded) 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
- Licencia
- Apache-2.0
- Tamaño
- 24 × 24
- Categoría
- Social
- Etiquetas
- routinerounded
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.025 19q-1.4 0-2.675-.525T7.075 16.95T5.55 14.675T5.025 12q0-1.275.425-2.437T6.7 7.45q.325-.35.8-.237t.675.612q.525 1.375 1.312 2.6t1.838 2.275t2.275 1.838t2.6 1.312q.5.2.613.675t-.238.8q-.95.825-2.113 1.25T12.026 19m5.575-4.8q-.4-.125-.575-.513t-.1-.812q.225-1.2-.15-2.363t-1.25-2.037t-2.013-1.237t-2.312-.163q-.425.075-.8-.1T9.875 6.4t.038-.775t.587-.475q1.725-.375 3.45.113t3.025 1.787q1.275 1.275 1.775 3t.125 3.45q-.1.425-.475.625t-.8.075M12 3q-.425 0-.712-.288T11 2V1q0-.425.288-.712T12 0t.713.288T13 1v1q0 .425-.288.713T12 3m0 21q-.425 0-.712-.288T11 23v-1q0-.425.288-.712T12 21t.713.288T13 22v1q0 .425-.288.713T12 24m6.375-18.35q-.3-.3-.3-.713t.3-.712l.7-.7q.275-.275.688-.275t.712.275q.3.3.3.712t-.3.713l-.7.7q-.3.3-.7.3t-.7-.3M3.525 20.475q-.3-.3-.3-.712t.3-.713l.7-.7q.3-.3.7-.3t.7.3t.3.713t-.3.712l-.7.7q-.275.275-.687.275t-.713-.275M22 13q-.425 0-.712-.288T21 12t.288-.712T22 11h1q.425 0 .713.288T24 12t-.288.713T23 13zM1 13q-.425 0-.712-.288T0 12t.288-.712T1 11h1q.425 0 .713.288T3 12t-.288.713T2 13zm19.475 7.475q-.3.3-.712.3t-.713-.3l-.7-.7q-.3-.3-.3-.7t.3-.7t.713-.3t.712.3l.7.7q.275.275.275.688t-.275.712M5.65 5.625q-.3.3-.712.3t-.713-.3l-.7-.7q-.275-.275-.275-.687t.275-.713q.3-.3.713-.3t.712.3l.7.7q.3.3.3.7t-.3.7"/></svg>Cómo usar el icono Routine Rounded
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:routine-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:routine-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:routine-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--routine-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:routine-rounded"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:routine-rounded"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/material-symbols/routine-rounded.svg" alt="Icono Routine Rounded" width="24" height="24">Iconos relacionados en Material Symbols
El icono Routine Rounded en otras colecciones
Preguntas frecuentes sobre Icono Routine Rounded
¿El icono Routine Rounded 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 Routine Rounded en React?
Instala @iconify/react y renderiza <Icon icon="material-symbols:routine-rounded" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Routine Rounded a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/material-symbols/routine-rounded.svg" alt="Icono Routine Rounded">, o pega el código SVG en línea para darle estilo con CSS.