Date Time Setting アイコン

Q: Date Time Setting アイコンは商用利用でも無料ですか?

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

streamline-stickies-color:date-time-setting

Date Time Setting アイコン(streamline-stickies-color:date-time-setting)は、Stickies color icons セットの無料 SVG アイコンです（作者: Streamline）。 40 × 40 のグリッドで描かれています。 Stickies color icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Stickies color icons
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 40 × 40
カテゴリ: 基本インターフェース
タグ: datetime、timesetting、datetimesetting

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="none" stroke-miterlimit="10"><path fill="#ffe236" stroke="#231f20" d="M37.78 11.93c.254-.577.39-1.2.4-1.83c1.4-.79 1.38-1.32 1.16-2s-.51-1.14-2.11-1a4.8 4.8 0 0 0-1.39-1.26c0-1.61-.45-1.86-1.16-2s-1.24-.14-1.9 1.34a4.8 4.8 0 0 0-1.78.57c-1.38-.82-1.83-.55-2.33 0s-.73 1 .21 2.31q-.184.437-.29.9q-.1.466-.11.94c-1.4.79-1.38 1.31-1.16 2s.52 1.14 2.12 1a4.8 4.8 0 0 0 1.38 1.26c0 1.61.45 1.86 1.16 2s1.24.13 1.9-1.35a4.8 4.8 0 0 0 1.78-.56c1.38.81 1.83.54 2.33 0s.73-1.01-.21-2.32Z"/><path fill="#fff" stroke="#231f20" d="M30.95 10a2.38 2.38 0 1 0 4.76 0a2.38 2.38 0 0 0-4.76 0Z"/><path fill="#48eeff" stroke="#231f20" d="M21.58 8.27a5.44 5.44 0 0 0-2.89-.84A12 12 0 0 0 18 5.32a1.89 1.89 0 0 0-3.52.68a7 7 0 0 0 0 1.5a34 34 0 0 0-3.59.45a36 36 0 0 0-3.51.85A7.7 7.7 0 0 0 7 7.35a1.84 1.84 0 0 0-2-1A1.81 1.81 0 0 0 3.4 8c-.034.739.006 1.48.12 2.21A5.46 5.46 0 0 0 1.12 12c-.55 1-.84 5-.24 8.31s2.3 6.96 3.17 7.69c1.34 1.12 7.35 1 10.64.35s9-2.58 9.82-4.1c.56-1 .84-5 .24-8.31S22.46 9 21.58 8.27Z"/><path fill="#fff" stroke="#231f20" d="M20.29 23c1.05-1 .88-2.57.36-5.45s-.95-4.44-2.27-5c-.73-.63-3.92-.24-6.53.24S6.11 14.1 5.66 15c-1 1-.89 2.57-.36 5.44s1 4.44 2.27 5c.73.64 3.91.24 6.53-.23s5.73-1.32 6.19-2.21Z"/><path stroke="#231f20" stroke-linecap="round" d="M9.7 15s.16 1.82.65 4.5s1 4.44 1 4.44m4.9-.94s-.16-1.82-.65-4.5s-1-4.44-1-4.44"/><path stroke="#231f20" stroke-linecap="round" d="M18 15.91s-2.22.16-5.47.76q-2.716.48-5.37 1.23m.77 4.19s2.21-.16 5.47-.76s5.39-1.23 5.39-1.23"/><path stroke="#fff" stroke-linecap="round" d="M18.35 9.08c2.44.23 2.32.62 2.81 1.49"/><path fill="#ff52a1" stroke="#231f20" d="M18.04 28.32a10.4 10.4 0 1 0 20.8 0a10.4 10.4 0 0 0-20.8 0Z"/><path fill="#fff" stroke="#231f20" d="M21.51 28.32a6.93 6.93 0 1 0 13.86 0a6.93 6.93 0 0 0-13.86 0Z"/><path fill="#ff52a1" stroke="#231f20" d="M29.26 27.83c.17-2.15-.24-3.71-.9-3.77s-1.28.86-1.45 2.94c-.21 2.61.87 3.12 2.62 3.27s2.9-.3 2.95-1s-.59-1.27-3.22-1.44Z"/><path stroke="#fff" stroke-linecap="round" d="M33.33 20.83a4.3 4.3 0 0 1 2.4 2"/><path fill="#ffe236" stroke="#231f20" stroke-linecap="round" d="M10.04 34.36a1.88 1.88 0 1 0 3.76 0a1.88 1.88 0 0 0-3.76 0ZM22.44 2.9a1.64 1.64 0 1 0 3.28 0a1.64 1.64 0 0 0-3.28 0Z"/></g></svg>

Date Time Setting アイコンの使い方

React

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

<Icon icon="streamline-stickies-color:date-time-setting" width="24" />

Vue

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

<template>
  <Icon icon="streamline-stickies-color:date-time-setting" width="24" />
</template>

Svelte

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

<Icon icon="streamline-stickies-color:date-time-setting" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-stickies-color--date-time-setting]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-stickies-color -->
<div class="i-streamline-stickies-color:date-time-setting"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-stickies-color:date-time-setting"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-stickies-color/date-time-setting.svg" alt="Date Time Setting アイコン" width="24" height="24">

Stickies color icons の関連アイコン

Date Time Setting アイコンのよくある質問

Date Time Setting アイコンは商用利用でも無料ですか?

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

React で Date Time Setting アイコンを使うには?

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

Date Time Setting アイコンをウェブページに追加するには?

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

Stickies color icons をすべて見る →