Иконка Square Activity Sharp Fill

keyline-icons:square-activity-sharp-fill

Иконка Square Activity Sharp Fill (keyline-icons:square-activity-sharp-fill) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: squareactivity, activitysharp, sharpfill, squareactivitysharpfill

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3 2L21 2C21.5523 2 22 2.4477 22 3L22 21C22 21.5523 21.5523 22 21 22L3 22C2.4477 22 2 21.5523 2 21L2 3C2 2.4477 2.4477 2 3 2ZM6 13L8.5001 13C8.9169 13 9.29 12.7414 9.4364 12.3511L10.9363 8.3511L10.1311 10.4983L13.1055 16.4478C13.4959 17.2288 14.6297 17.1693 14.9363 16.3517L16.4363 12.3511L16.193 13L18 13L18 11L15.4999 11C15.0831 11 14.71 11.2586 14.5636 11.6489L13.0637 15.6489L13.8689 13.5017L10.8945 7.5522C10.5041 6.7712 9.3703 6.8307 9.0637 7.6483L7.5637 11.6489L7.807 11L6 11L6 13Z"/></svg>

Как использовать иконку Square Activity Sharp Fill

React

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

<Icon icon="keyline-icons:square-activity-sharp-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:square-activity-sharp-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:square-activity-sharp-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--square-activity-sharp-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:square-activity-sharp-fill"></div>

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

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

<iconify-icon icon="keyline-icons:square-activity-sharp-fill"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/keyline-icons/square-activity-sharp-fill.svg" alt="Иконка Square Activity Sharp Fill" width="24" height="24">

Вопросы и ответы: Иконка Square Activity Sharp Fill

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

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

Как использовать иконку Square Activity Sharp Fill в React?

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

Как добавить иконку Square Activity Sharp Fill на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/keyline-icons/square-activity-sharp-fill.svg" alt="Иконка Square Activity Sharp Fill">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Keyline Icons →