Timer 10 アイコン

Q: Timer 10 アイコンは商用利用でも無料ですか?

はい。Material Design Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

mdi:timer-10

Timer 10 アイコン(mdi:timer-10)は、Material Design Icons セットの無料 SVG アイコンです（作者: Pictogrammers）。 24 × 24 のグリッドで描かれています。 Material Design Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Material Design Icons
作者: Pictogrammers
ライセンス: Apache-2.0
サイズ: 24 × 24
カテゴリ: 日付・時刻
タグ: timer ten、date、time

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.9 13.22q0 .9-.12 1.53c-.08.42-.2.75-.36 1.02c-.16.26-.36.45-.59.57s-.51.16-.83.16c-.29 0-.57-.04-.81-.16q-.36-.18-.6-.57c-.16-.27-.29-.6-.38-1.02s-.13-.93-.13-1.53v-2.5c0-.6.04-1.11.13-1.52s.21-.74.38-1c.16-.25.36-.43.6-.55c.24-.11.51-.15.81-.15c.31 0 .58.04.81.15c.24.11.44.29.6.55c.16.25.29.58.37.99s.13.92.13 1.52v2.51m.91-6.17c-.32-.4-.75-.7-1.23-.88A4.7 4.7 0 0 0 11 5.9c-.58 0-1.11.1-1.59.27c-.48.18-.91.47-1.23.88c-.34.41-.6.95-.79 1.59c-.18.65-.28 1.45-.28 2.39v1.92c0 .94.09 1.74.28 2.39c.19.66.45 1.19.8 1.6c.34.41.75.71 1.23.89a4.66 4.66 0 0 0 3.18 0c.48-.18.9-.48 1.22-.89c.34-.41.6-.94.78-1.6c.18-.65.28-1.45.28-2.39v-1.92c0-.94-.09-1.74-.28-2.39c-.18-.64-.44-1.19-.78-1.59m9.96 7.32c-.14-.28-.35-.53-.63-.74s-.61-.39-1.01-.53s-.85-.27-1.35-.38c-.35-.07-.64-.15-.87-.22c-.23-.09-.42-.17-.55-.26a.7.7 0 0 1-.28-.3a.9.9 0 0 1-.09-.39c0-.14.04-.28.1-.41a.8.8 0 0 1 .27-.34c.13-.1.27-.18.45-.24s.4-.09.64-.09c.25 0 .47.03.66.11c.19.07.35.17.48.29c.13.13.22.26.29.42c.06.16.11.32.11.49h1.94c0-.39-.08-.75-.24-1.09s-.39-.63-.7-.88c-.29-.25-.65-.44-1.08-.59C21.5 9.07 21 9 20.46 9c-.51 0-.96.07-1.39.21c-.41.14-.77.33-1.07.57c-.28.22-.5.52-.66.84a2.2 2.2 0 0 0-.23 1.01c0 .37.08.69.23.96c.16.28.36.52.66.73c.25.21.58.38.96.53s.81.26 1.27.36c.39.08.71.17.95.26s.43.19.57.29c.13.1.22.24.25.34c.07.12.09.25.09.4c0 .31-.13.56-.4.76s-.66.29-1.19.29c-.2 0-.41-.02-.62-.08a1.9 1.9 0 0 1-.56-.24c-.17-.11-.32-.26-.41-.44c-.11-.18-.17-.41-.18-.67h-1.89c0 .38.08.71.24 1.05c.16.33.39.65.7.93c.31.27.69.49 1.15.66s.98.24 1.57.24c.54 0 1-.05 1.45-.18c.43-.13.8-.32 1.11-.54c.31-.23.54-.51.71-.83s.23-.67.23-1.06s-.07-.74-.22-1.02M0 7.72V9.4l3-1V18h2V6h-.25z"/></svg>

Timer 10 アイコンの使い方

React

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

<Icon icon="mdi:timer-10" width="24" />

Vue

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

<template>
  <Icon icon="mdi:timer-10" width="24" />
</template>

Svelte

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

<Icon icon="mdi:timer-10" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--timer-10]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:timer-10"></div>

Web コンポーネント

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

<iconify-icon icon="mdi:timer-10"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/mdi/timer-10.svg" alt="Timer 10 アイコン" width="24" height="24">

Material Design Icons の関連アイコン

他のアイコンセットの Timer 10 アイコン

Timer 10 アイコンのよくある質問

Timer 10 アイコンは商用利用でも無料ですか?

はい。Material Design Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Timer 10 アイコンを使うには?

@iconify/react をインストールして <Icon icon="mdi:timer-10" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Timer 10 アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mdi/timer-10.svg" alt="Timer 10 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Material Design Icons をすべて見る →