Print Duotone icon
lets-icons:print-duotone
The Print Duotone icon (lets-icons:print-duotone) 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
- Bookmark
- Tags
- printduotone
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="M4 10c0-1.886 0-2.828.586-3.414S6.114 6 8 6h8c1.886 0 2.828 0 3.414.586S20 8.114 20 10v2c0 .943 0 1.414-.293 1.707S18.943 14 18 14h-.7c-.141 0-.212 0-.256-.044S17 13.841 17 13.7V13c0-.943 0-1.414-.293-1.707S15.943 11 15 11H9c-.943 0-1.414 0-1.707.293S7 12.057 7 13v.7c0 .141 0 .212-.044.256S6.841 14 6.7 14H5c-.471 0-.707 0-.854-.146C4 13.707 4 13.47 4 13z"/><path fill="currentColor" fill-opacity=".25" d="M7 20.262V13c0-.943 0-1.414.293-1.707S8.057 11 9 11h6c.943 0 1.414 0 1.707.293S17 12.057 17 13v7.262c0 .334 0 .501-.11.576s-.265.012-.576-.112l-1.628-.652a.5.5 0 0 0-.186-.055a.5.5 0 0 0-.186.055l-2.128.852a.5.5 0 0 1-.186.055a.5.5 0 0 1-.186-.055l-2.128-.852a.5.5 0 0 0-.186-.055a.5.5 0 0 0-.186.055l-1.628.652c-.311.124-.466.186-.576.112c-.11-.075-.11-.242-.11-.576"/><path stroke="currentColor" stroke-linecap="round" d="M9.5 14.5h4m-4 3h5"/><path fill="currentColor" d="M7 4.74c0-.693 0-1.039.164-1.288a1 1 0 0 1 .288-.288C7.702 3 8.047 3 8.739 3h6.522c.692 0 1.038 0 1.288.164a1 1 0 0 1 .287.288c.164.25.164.595.164 1.287c0 .104 0 .156-.025.193a.2.2 0 0 1-.043.043C16.895 5 16.842 5 16.74 5H7.261c-.104 0-.156 0-.193-.025a.2.2 0 0 1-.043-.043C7 4.895 7 4.842 7 4.74"/></g></svg>How to use the Print Duotone icon
React
import { Icon } from "@iconify/react";
<Icon icon="lets-icons:print-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lets-icons:print-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lets-icons:print-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lets-icons--print-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lets-icons -->
<div class="i-lets-icons:print-duotone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lets-icons:print-duotone"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/lets-icons/print-duotone.svg" alt="Print Duotone icon" width="24" height="24">Related icons in Lets Icons
Print Duotone icon FAQ
Is the Print Duotone 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 Print Duotone icon in React?
Install @iconify/react and render <Icon icon="lets-icons:print-duotone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Print Duotone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/lets-icons/print-duotone.svg" alt="Print Duotone icon">, or paste the SVG code inline to style it with CSS.