ICONYZ
English
Date Range Duotone Line icon from Lets Icons

Date Range Duotone Line icon

lets-icons:date-range-duotone-line

The Date Range Duotone Line icon (lets-icons:date-range-duotone-line) is a free SVG icon from the Lets Icons set by Leonid Tsvetkov. It is drawn on a 24 × 24 grid. Lets Icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Lets Icons
Author
Leonid Tsvetkov
License
CC-BY-4.0
Size
24 × 24
Category
Date
Tags
daterange, rangeduotone, duotoneline, daterangeduotoneline
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><defs><mask id="SVGDnrO1b2A"><g fill="none" stroke-width="1.2"><path stroke="#fff" stroke-linecap="round" d="M17 3v4M7 3v4"/><path stroke="#fff" d="M3 10c0-1.886 0-2.828.586-3.414S5.114 6 7 6h10c1.886 0 2.828 0 3.414.586S21 8.114 21 10v1H3z"/><rect width="18" height="15" x="3" y="6" stroke="#fff" rx="2"/><path stroke="silver" stroke-linecap="round" stroke-opacity=".25" d="M6 15h4m4 0h4M6 18h4m4 0h4"/></g></mask></defs><path fill="currentColor" d="M0 0h24v24H0z" mask="url(#SVGDnrO1b2A)"/></svg>

How to use the Date Range Duotone Line icon

React

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

<Icon icon="lets-icons:date-range-duotone-line" width="24" />

Vue

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

<template>
  <Icon icon="lets-icons:date-range-duotone-line" width="24" />
</template>

Svelte

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

<Icon icon="lets-icons:date-range-duotone-line" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lets-icons--date-range-duotone-line]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/lets-icons -->
<div class="i-lets-icons:date-range-duotone-line"></div>

Web component

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

<iconify-icon icon="lets-icons:date-range-duotone-line"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/lets-icons/date-range-duotone-line.svg" alt="Date Range Duotone Line icon" width="24" height="24">

Related icons in Lets Icons

date-fill icon
date-fill
 date-range icon
date-range
 date-range-duotone icon
date-range-duotone
 date-range-fill icon
date-range-fill
 date-range-light icon
date-range-light
 date-today icon
date-today
 date-today-duotone icon
date-today-duotone
 date-today-duotone-line icon
date-today-duotone-line
 date-today-light icon
date-today-light

Date Range Duotone Line icon FAQ

Is the Date Range Duotone Line icon free for commercial use?

Yes. Lets Icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Date Range Duotone Line icon in React?

Install @iconify/react and render <Icon icon="lets-icons:date-range-duotone-line" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Date Range Duotone Line icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/lets-icons/date-range-duotone-line.svg" alt="Date Range Duotone Line icon">, or paste the SVG code inline to style it with CSS.

Browse all Lets Icons →