Acute Rounded icon
material-symbols:acute-rounded
The Acute Rounded icon (material-symbols:acute-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
- UI Actions
- Tags
- acuterounded
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15 20q-3.35 0-5.675-2.325T7 12q0-3.325 2.325-5.663T15 4q3.325 0 5.663 2.338T23 12q0 3.35-2.337 5.675T15 20m1-8.4V9q0-.425-.288-.712T15 8t-.712.288T14 9v3.025q0 .2.088.388t.212.312L16.575 15q.3.3.713.3T18 15t.3-.712t-.3-.713zM3 9q-.425 0-.712-.288T2 8t.288-.712T3 7h2q.425 0 .713.288T6 8t-.288.713T5 9zm-1 4q-.425 0-.712-.288T1 12t.288-.712T2 11h3q.425 0 .713.288T6 12t-.288.713T5 13zm1 4q-.425 0-.712-.288T2 16t.288-.712T3 15h2q.425 0 .713.288T6 16t-.288.713T5 17z"/></svg>How to use the Acute Rounded icon
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:acute-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:acute-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:acute-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--acute-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:acute-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:acute-rounded"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/material-symbols/acute-rounded.svg" alt="Acute Rounded icon" width="24" height="24">Related icons in Material Symbols
Acute Rounded icon in other icon sets
Acute Rounded icon FAQ
Is the Acute 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 Acute Rounded icon in React?
Install @iconify/react and render <Icon icon="material-symbols:acute-rounded" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Acute Rounded icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/material-symbols/acute-rounded.svg" alt="Acute Rounded icon">, or paste the SVG code inline to style it with CSS.