ICONYZ
Русский
Иконка Close Box Multiple Outline из набора Material Design Icons

Иконка Close Box Multiple Outline

mdi:close-box-multiple-outline

Иконка Close Box Multiple Outline (mdi:close-box-multiple-outline) — бесплатная SVG-иконка из набора Material Design Icons от Pictogrammers. Она нарисована на сетке 24 × 24. Material Design Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Material Design Icons
Автор
Pictogrammers
Лицензия
Apache-2.0
Размер
24 × 24
Категория
Формы
Теги
close boxes outline, library remove outline, library close outline, multiply boxes outline, multiply box multiple outline, remove box multiple, cancel box multiple, form, closebox, boxmultiple, multipleoutline, closeboxmultipleoutline
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20 2H8c-1.1 0-2 .9-2 2v12a2 2 0 0 0 2 2h12c1.11 0 2-.89 2-2V4a2 2 0 0 0-2-2m0 14H8V4h12zM4 6v14h14v2H4a2 2 0 0 1-2-2V6zm5.77 6.84L12.6 10L9.77 7.15l1.4-1.4L14 8.6l2.84-2.83l1.4 1.4L15.4 10l2.83 2.84l-1.4 1.4L14 11.4l-2.83 2.84z"/></svg>

Как использовать иконку Close Box Multiple Outline

React

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

<Icon icon="mdi:close-box-multiple-outline" width="24" />

Vue

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

<template>
  <Icon icon="mdi:close-box-multiple-outline" width="24" />
</template>

Svelte

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

<Icon icon="mdi:close-box-multiple-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--close-box-multiple-outline]"></span>

UnoCSS

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

Веб-компонент

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

<iconify-icon icon="mdi:close-box-multiple-outline"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/mdi/close-box-multiple-outline.svg" alt="Иконка Close Box Multiple Outline" width="24" height="24">

Похожие иконки в наборе Material Design Icons

Вопросы и ответы: Иконка Close Box Multiple Outline

Можно ли бесплатно использовать иконку Close Box Multiple Outline в коммерческих проектах?

Да. Material Design Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Close Box Multiple Outline в React?

Установите @iconify/react и выведите <Icon icon="mdi:close-box-multiple-outline" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Close Box Multiple Outline на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/mdi/close-box-multiple-outline.svg" alt="Иконка Close Box Multiple Outline">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Material Design Icons →