Иконка Alarm Play Bold Duotone

solar:alarm-play-bold-duotone

Иконка Alarm Play Bold Duotone (solar:alarm-play-bold-duotone) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Время
Теги: alarmplay, playbold, boldduotone, alarmplayboldduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 22C16.9706 22 21 17.9706 21 13C21 8.02944 16.9706 4 12 4C7.02944 4 3 8.02944 3 13C3 17.9706 7.02944 22 12 22Z" opacity=".5"/><path d="M13.0261 10.2749C12.7888 10.1083 12.5201 9.93597 12.2419 9.76679L12.2419 9.76679C11.1695 9.11466 10.6333 8.78859 10.1524 9.1496C9.6715 9.51061 9.62779 10.2664 9.54038 11.7778C9.51566 12.2053 9.5 12.6243 9.5 13C9.5 13.3757 9.51566 13.7947 9.54038 14.2222C9.62779 15.7336 9.6715 16.4894 10.1524 16.8504C10.6333 17.2114 11.1695 16.8853 12.2419 16.2332C12.5201 16.064 12.7888 15.8917 13.0261 15.7251C13.2966 15.5352 13.5909 15.3073 13.8876 15.0652C14.9625 14.1883 15.5 13.7499 15.5 13C15.5 12.2501 14.9625 11.8117 13.8876 10.9348C13.5909 10.6927 13.2966 10.4648 13.0261 10.2749Z"/><path fill-rule="evenodd" d="M8.2405 2.33986C8.45409 2.67841 8.3502 3.1244 8.00844 3.33599L4.11657 5.74562C3.77481 5.95722 3.32461 5.8543 3.11102 5.51574C2.89742 5.17718 3.00131 4.7312 3.34307 4.5196L7.23494 2.10998C7.5767 1.89838 8.0269 2.0013 8.2405 2.33986Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M15.7595 2.33985C15.9731 2.0013 16.4233 1.89838 16.7651 2.10998L20.6569 4.5196C20.9987 4.7312 21.1026 5.17719 20.889 5.51574C20.6754 5.8543 20.2252 5.95722 19.8834 5.74562L15.9916 3.33599C15.6498 3.1244 15.5459 2.67841 15.7595 2.33985Z" clip-rule="evenodd"/></g></svg>

Как использовать иконку Alarm Play Bold Duotone

React

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

<Icon icon="solar:alarm-play-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:alarm-play-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:alarm-play-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--alarm-play-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:alarm-play-bold-duotone"></div>

Веб-компонент

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

<iconify-icon icon="solar:alarm-play-bold-duotone"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/solar/alarm-play-bold-duotone.svg" alt="Иконка Alarm Play Bold Duotone" width="24" height="24">

Вопросы и ответы: Иконка Alarm Play Bold Duotone

Можно ли бесплатно использовать иконку Alarm Play Bold Duotone в коммерческих проектах?

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Alarm Play Bold Duotone в React?

Установите @iconify/react и выведите <Icon icon="solar:alarm-play-bold-duotone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Alarm Play Bold Duotone на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/alarm-play-bold-duotone.svg" alt="Иконка Alarm Play Bold Duotone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →