Routine Rounded icon
material-symbols:routine-rounded
The Routine Rounded icon (material-symbols:routine-rounded) is a free SVG icon from the Material Symbols set by Google. It is drawn on a 24 × 24 grid. Material Symbols icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Material Symbols
- Author
- License
- Apache-2.0
- Size
- 24 × 24
- Category
- Social
- Tags
- routinerounded
SVG code
<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>How to use the Routine Rounded icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/material-symbols/routine-rounded.svg" alt="Routine Rounded icon" width="24" height="24">Related icons in Material Symbols
Routine Rounded icon in other icon sets
Routine Rounded icon FAQ
Is the Routine Rounded icon free for commercial use?
Yes. Material Symbols icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Routine Rounded icon in React?
Install @iconify/react and render <Icon icon="material-symbols:routine-rounded" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Routine Rounded icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/material-symbols/routine-rounded.svg" alt="Routine Rounded icon">, or paste the SVG code inline to style it with CSS.