Preview Close icon
icon-park-outline:preview-close
The Preview Close icon (icon-park-outline:preview-close) is a free SVG icon from the IconPark Outline set by ByteDance. It is drawn on a 48 × 48 grid. IconPark Outline 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 Outline
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Base
- Tags
- previewclose
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M6 16c.635 1.22 1.596 2.35 2.823 3.355C12.26 22.173 17.779 24 24 24s11.739-1.827 15.177-4.645C40.404 18.35 41.365 17.22 42 16m-13.022 8l2.07 7.727m6.306-10.373l5.656 5.656M5 27.01l5.657-5.657m6.271 10.375L18.998 24"/></svg>How to use the Preview Close icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-outline:preview-close" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-outline:preview-close" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-outline:preview-close" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-outline--preview-close]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-outline -->
<div class="i-icon-park-outline:preview-close"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park-outline:preview-close"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park-outline/preview-close.svg" alt="Preview Close icon" width="24" height="24">Related icons in IconPark Outline
Preview Close icon in other icon sets
Preview Close icon FAQ
Is the Preview Close icon free for commercial use?
Yes. IconPark Outline icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Preview Close icon in React?
Install @iconify/react and render <Icon icon="icon-park-outline:preview-close" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Preview Close icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park-outline/preview-close.svg" alt="Preview Close icon">, or paste the SVG code inline to style it with CSS.