Filter Close Outline icon

solar:filter-close-outline

The Filter Close Outline icon (solar:filter-close-outline) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar 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: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: UI
Tags: filterclose, closeoutline, filtercloseoutline

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.0137 2.25C14.4278 2.25007 14.7637 2.58583 14.7637 3C14.7637 3.41417 14.4278 3.74994 14.0137 3.75H5.00001C4.27315 3.75 3.79881 3.75171 3.44825 3.7959C3.11459 3.83799 3.00784 3.90674 2.95215 3.95899C2.90325 4.0049 2.83855 4.08619 2.79688 4.37696C2.75138 4.69462 2.75001 5.12873 2.75001 5.81446V6.50488C2.75001 7.03879 2.75081 7.38276 2.77833 7.64844C2.80392 7.89553 2.84788 8.01473 2.90137 8.10352C2.95653 8.19493 3.04868 8.29806 3.27051 8.45215C3.5042 8.61446 3.82317 8.79553 4.30958 9.06934L7.22266 10.709C7.82571 11.0485 8.22932 11.2708 8.5293 11.5313C9.12062 12.0446 9.50045 12.6681 9.66895 13.4238C9.75494 13.8095 9.75 14.2445 9.75 14.873V17.542C9.75 18.014 9.75105 18.3048 9.77637 18.5234C9.79928 18.7211 9.8355 18.7881 9.86329 18.8272C9.89361 18.8698 9.95417 18.9338 10.1523 19.0361C10.3647 19.1458 10.6571 19.2618 11.1191 19.4424C12.0801 19.8181 12.727 20.0682 13.2168 20.1846C13.6952 20.2981 13.853 20.2395 13.9346 20.1885C14.0025 20.146 14.1075 20.0593 14.1758 19.626C14.2479 19.1686 14.25 18.523 14.25 17.542V14.873C14.25 14.2445 14.2451 13.8095 14.3311 13.4238C14.4996 12.6681 14.8794 12.0446 15.4707 11.5313C15.7835 11.2597 16.2578 11.2927 16.5293 11.6055C16.8008 11.9183 16.7669 12.3925 16.4541 12.6641C16.0967 12.9744 15.8922 13.3187 15.7959 13.75C15.7548 13.9345 15.75 14.1673 15.75 14.873V17.542C15.75 18.4703 15.7521 19.2576 15.6572 19.8594C15.5586 20.4849 15.3295 21.0847 14.7295 21.46C14.1433 21.8266 13.4977 21.7935 12.8701 21.6445C12.2536 21.4981 11.4908 21.1976 10.5732 20.8389C10.1405 20.6697 9.76187 20.523 9.46387 20.3691C9.15192 20.2081 8.86227 20.0072 8.64063 19.6953C8.41661 19.3799 8.3262 19.0419 8.28614 18.6963C8.24851 18.3715 8.25001 17.9794 8.25001 17.542V14.873C8.25001 14.1673 8.24524 13.9345 8.20411 13.75C8.10786 13.3187 7.9033 12.9744 7.5459 12.6641C7.3902 12.5289 7.15709 12.3927 6.48731 12.0156L3.57422 10.376C3.11231 10.116 2.72048 9.89575 2.41504 9.6836C2.09771 9.46316 1.82163 9.21768 1.61719 8.87891C1.41127 8.53762 1.32539 8.18164 1.28614 7.80274C1.24882 7.44221 1.25 7.00816 1.25001 6.50488V5.81446C1.25 5.17368 1.24821 4.61277 1.31251 4.16406C1.38063 3.68866 1.53552 3.2315 1.92579 2.86524C2.30931 2.50541 2.77666 2.36861 3.25977 2.30762C3.72613 2.24879 4.31282 2.25 5.00001 2.25H14.0137Z"/><path d="M21.4697 3.50196C21.7626 3.2093 22.2384 3.20914 22.5313 3.50196C22.8235 3.79473 22.8235 4.26973 22.5313 4.5625L20.7627 6.33008L22.5313 8.09766C22.8238 8.39049 22.8238 8.86635 22.5313 9.15918C22.2384 9.45199 21.7626 9.45183 21.4697 9.15918L19.7022 7.39063L17.9346 9.15918C17.6418 9.45166 17.1669 9.45152 16.874 9.15918C16.5811 8.86629 16.5811 8.39055 16.874 8.09766L18.6416 6.33008L16.874 4.5625C16.5811 4.26961 16.5811 3.79484 16.874 3.50196C17.1669 3.20932 17.6418 3.20916 17.9346 3.50196L19.7022 5.26953L21.4697 3.50196Z"/></g></svg>

How to use the Filter Close Outline icon

React

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

<Icon icon="solar:filter-close-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:filter-close-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:filter-close-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--filter-close-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:filter-close-outline"></div>

Web component

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

<iconify-icon icon="solar:filter-close-outline"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/filter-close-outline.svg" alt="Filter Close Outline icon" width="24" height="24">

Related icons in Solar

Filter Close Outline icon FAQ

Is the Filter Close Outline icon free for commercial use?

Yes. Solar 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 Filter Close Outline icon in React?

Install @iconify/react and render <Icon icon="solar:filter-close-outline" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Filter Close Outline icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/filter-close-outline.svg" alt="Filter Close Outline icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →