Иконка Check Square Remix

streamline-flex:check-square-remix

Иконка Check Square Remix (streamline-flex:check-square-remix) — бесплатная SVG-иконка из набора Flex free icons от Streamline. Она нарисована на сетке 14 × 14. Flex free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Flex free icons
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 14 × 14
Категория: Основы интерфейса
Теги: checksquare, squareremix, checksquareremix

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M3.897 1.708C4.924 1.594 5.955 1.5 7 1.5s2.076.094 3.103.208a2.505 2.505 0 0 1 2.2 2.205c.109 1.02.197 2.047.197 3.087s-.088 2.067-.197 3.087a2.505 2.505 0 0 1-2.2 2.205c-1.027.114-2.058.208-3.103.208s-2.076-.094-3.103-.208a2.505 2.505 0 0 1-2.2-2.205C1.588 9.067 1.5 8.04 1.5 7s.088-2.067.197-3.087a2.505 2.505 0 0 1 2.2-2.205M7 .25c-1.115 0-2.202.1-3.24.215A3.755 3.755 0 0 0 .453 3.78C.344 4.813.25 5.893.25 7s.094 2.187.204 3.22a3.755 3.755 0 0 0 3.305 3.314c1.039.116 2.126.216 3.241.216s2.202-.1 3.24-.215a3.755 3.755 0 0 0 3.306-3.316c.11-1.032.204-2.112.204-3.219s-.094-2.187-.204-3.22A3.755 3.755 0 0 0 10.241.465C9.202.35 8.115.25 7 .25m2.733 5.076a.75.75 0 0 0-1.007-1.111c-.749.678-1.318 1.295-1.8 2.048a10 10 0 0 0-.818 1.597l-.8-.825A.75.75 0 0 0 4.231 8.08l1.622 1.672A.75.75 0 0 0 7.1 9.477c.372-1.07.7-1.797 1.088-2.405c.387-.603.854-1.12 1.545-1.746" clip-rule="evenodd"/></svg>

Как использовать иконку Check Square Remix

React

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

<Icon icon="streamline-flex:check-square-remix" width="24" />

Vue

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

<template>
  <Icon icon="streamline-flex:check-square-remix" width="24" />
</template>

Svelte

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

<Icon icon="streamline-flex:check-square-remix" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--check-square-remix]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:check-square-remix"></div>

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

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

<iconify-icon icon="streamline-flex:check-square-remix"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-flex/check-square-remix.svg" alt="Иконка Check Square Remix" width="24" height="24">

Иконка Check Square Remix в других наборах

Вопросы и ответы: Иконка Check Square Remix

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

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

Как использовать иконку Check Square Remix в React?

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

Как добавить иконку Check Square Remix на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-flex/check-square-remix.svg" alt="Иконка Check Square Remix">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Flex free icons →