Иконка Autopause Rounded
material-symbols-light:autopause-rounded
Иконка Autopause Rounded (material-symbols-light:autopause-rounded) — бесплатная SVG-иконка из набора Material Symbols Light от Google. Она нарисована на сетке 24 × 24. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Material Symbols Light
- Автор
- Лицензия
- Apache-2.0
- Размер
- 24 × 24
- Категория
- Аудио и видео
- Теги
- autopauserounded, autopause outline rounded
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.143 14.857Q10 14.714 10 14.5v-5q0-.213.143-.357T10.5 9t.357.143T11 9.5v5q0 .214-.143.357T10.5 15t-.357-.143m3 0Q13 14.714 13 14.5v-5q0-.213.143-.357T13.5 9t.357.143T14 9.5v5q0 .214-.143.357T13.5 15t-.357-.143M12 22q-2.911 0-5.265-1.497Q4.384 19.006 3 16.281V19.5q0 .214-.143.357T2.5 20t-.357-.143T2 19.5v-4.077q0-.348.23-.578t.578-.23h4.058q.213 0 .356.144q.144.143.144.357q0 .213-.144.356q-.143.144-.356.144H3.8q1.16 2.49 3.343 3.937Q9.327 21 12 21q2.812 0 5.087-1.6t3.27-4.202q.091-.252.271-.406t.443-.092q.239.061.3.282q.06.22-.03.483q-1.081 2.939-3.622 4.737T12 22M2.556 11q-.214 0-.332-.178t-.082-.41q.212-1.214.631-2.23t1.133-2.036q.134-.202.342-.252t.379.121q.177.177.167.388q-.01.21-.15.424q-.598.861-.934 1.723q-.337.861-.556 1.886q-.062.239-.21.401T2.555 11m4.296-6.337q-.208.14-.418.135q-.211-.006-.388-.183q-.146-.165-.109-.36t.215-.336q1.014-.708 2.024-1.13t2.243-.628q.239-.036.41.089t.171.339q0 .244-.153.39t-.416.188q-1.039.175-1.878.537q-.84.361-1.701.96m10.725-.006q-.246-.002-.512-.07q-.265-.067-.56-.21q-.776-.522-1.554-.883q-.778-.36-1.624-.599q-.154-.117-.168-.252t.083-.252q.277-.063.589-.038t.677.2q1.042.212 1.832.63q.79.42 1.51 1.047q.034.158-.025.276t-.248.15M21.412 11q-.245 0-.381-.162t-.198-.426q-.2-1.045-.54-1.903t-.995-1.688q-.14-.188-.144-.399q-.004-.21.173-.388q.165-.165.36-.125q.196.041.336.218q.752 1 1.18 2.023q.43 1.023.636 2.261q.036.252-.08.42q-.115.169-.347.169"/></svg>Как использовать иконку Autopause Rounded
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:autopause-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:autopause-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:autopause-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--autopause-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:autopause-rounded"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:autopause-rounded"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/autopause-rounded.svg" alt="Иконка Autopause Rounded" width="24" height="24">Похожие иконки в наборе Material Symbols Light
Иконка Autopause Rounded в других наборах
Вопросы и ответы: Иконка Autopause Rounded
Можно ли бесплатно использовать иконку Autopause Rounded в коммерческих проектах?
Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Autopause Rounded в React?
Установите @iconify/react и выведите <Icon icon="material-symbols-light:autopause-rounded" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Autopause Rounded на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/autopause-rounded.svg" alt="Иконка Autopause Rounded">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.