Screenshot Two icon
icon-park:screenshot-two
The Screenshot Two icon (icon-park:screenshot-two) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Edit
- Tags
- screenshottwo
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M4 24V4H44V24"/><path fill="#2F88FF" fill-rule="evenodd" d="M10 44C13.3137 44 16 41.3137 16 38C16 34.6863 13.3137 32 10 32C6.68629 32 4 34.6863 4 38C4 41.3137 6.68629 44 10 44Z" clip-rule="evenodd"/><path d="M36 12C20.3905 33.2663 15.8047 40.6805 14.2426 42.2426C11.8995 44.5858 8.10047 44.5858 5.75732 42.2426"/><path fill="#2F88FF" fill-rule="evenodd" d="M38 44C41.3137 44 44 41.3137 44 38C44 34.6863 41.3137 32 38 32C34.6863 32 32 34.6863 32 38C32 41.3137 34.6863 44 38 44Z" clip-rule="evenodd"/><path d="M42.2426 42.2426C39.8995 44.5858 36.1005 44.5858 33.7574 42.2426C32.1953 40.6805 27.6095 33.2663 12 12"/></g></svg>How to use the Screenshot Two icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:screenshot-two" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:screenshot-two" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:screenshot-two" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--screenshot-two]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:screenshot-two"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:screenshot-two"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/screenshot-two.svg" alt="Screenshot Two icon" width="24" height="24">Related icons in IconPark
Screenshot Two icon in other icon sets
Screenshot Two icon FAQ
Is the Screenshot Two icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Screenshot Two icon in React?
Install @iconify/react and render <Icon icon="icon-park:screenshot-two" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Screenshot Two icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/screenshot-two.svg" alt="Screenshot Two icon">, or paste the SVG code inline to style it with CSS.