Alarm Play Bold Duotone アイコン

Q: Alarm Play Bold Duotone アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:alarm-play-bold-duotone

Alarm Play Bold Duotone アイコン(solar:alarm-play-bold-duotone)は、Solar セットの無料 SVG アイコンです（作者: 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>

Web コンポーネント

<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">

Solar の関連アイコン

Alarm Play Bold Duotone アイコンのよくある質問

Alarm Play Bold Duotone アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Alarm Play Bold Duotone アイコンを使うには?

@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコンをすべて見る →