Close Remind icon
icon-park:close-remind
The Close Remind icon (icon-park:close-remind) 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
- Music
- Tags
- closeremind
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M42 38C42 38 36 33 36 19C36 12.3726 30.6274 7 24 7C21.46 7 19.1042 7.78918 17.1647 9.13571M30 38H6C6 38 11.5692 33.359 11.9765 20.5"/><path stroke="#000" stroke-width="4" d="M18 38L30 38C30 41.3137 27.3137 44 24 44C20.6863 44 18 41.3137 18 38Z"/><path fill="#000" fill-rule="evenodd" d="M24 2C21.7909 2 20 3.79086 20 6H28C28 3.79086 26.2091 2 24 2Z" clip-rule="evenodd"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M7 6.5L41 44.5"/></g></svg>How to use the Close Remind icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:close-remind" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:close-remind" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:close-remind" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--close-remind]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:close-remind"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:close-remind"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/close-remind.svg" alt="Close Remind icon" width="24" height="24">Related icons in IconPark
Close Remind icon in other icon sets
Close Remind icon FAQ
Is the Close Remind 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 Close Remind icon in React?
Install @iconify/react and render <Icon icon="icon-park:close-remind" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Close Remind icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/close-remind.svg" alt="Close Remind icon">, or paste the SVG code inline to style it with CSS.