Иконка List Check Minimalistic Bold

solar:list-check-minimalistic-bold

Иконка List Check Minimalistic Bold (solar:list-check-minimalistic-bold) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Списки
Теги: listcheck, checkminimalistic, minimalisticbold, listcheckminimalisticbold

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M3 6.75C3 6.33579 3.33579 6 3.75 6H20.75C21.1642 6 21.5 6.33579 21.5 6.75C21.5 7.16421 21.1642 7.5 20.75 7.5H3.75C3.33579 7.5 3 7.16421 3 6.75ZM21.2113 11.1586C21.5379 11.4134 21.5961 11.8847 21.3414 12.2113L17.4414 17.2113C17.3022 17.3897 17.0899 17.4958 16.8636 17.4999C16.6373 17.504 16.4213 17.4057 16.2757 17.2324L14.1757 14.7324C13.9093 14.4152 13.9504 13.9421 14.2676 13.6757C14.5848 13.4093 15.0579 13.4504 15.3243 13.7676L16.8284 15.5582L20.1586 11.2887C20.4134 10.9621 20.8847 10.9039 21.2113 11.1586ZM3 11.75C3 11.3358 3.33579 11 3.75 11H10.75C11.1642 11 11.5 11.3358 11.5 11.75C11.5 12.1642 11.1642 12.5 10.75 12.5H3.75C3.33579 12.5 3 12.1642 3 11.75ZM3 16.75C3 16.3358 3.33579 16 3.75 16H10.75C11.1642 16 11.5 16.3358 11.5 16.75C11.5 17.1642 11.1642 17.5 10.75 17.5H3.75C3.33579 17.5 3 17.1642 3 16.75Z" clip-rule="evenodd"/></svg>

Как использовать иконку List Check Minimalistic Bold

React

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

<Icon icon="solar:list-check-minimalistic-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:list-check-minimalistic-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:list-check-minimalistic-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--list-check-minimalistic-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:list-check-minimalistic-bold"></div>

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

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

<iconify-icon icon="solar:list-check-minimalistic-bold"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/list-check-minimalistic-bold.svg" alt="Иконка List Check Minimalistic Bold" width="24" height="24">

Вопросы и ответы: Иконка List Check Minimalistic Bold

Можно ли бесплатно использовать иконку List Check Minimalistic Bold в коммерческих проектах?

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку List Check Minimalistic Bold в React?

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

Как добавить иконку List Check Minimalistic Bold на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/list-check-minimalistic-bold.svg" alt="Иконка List Check Minimalistic Bold">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →