Иконка Mask Solid

sidekickicons:mask-solid

Иконка Mask Solid (sidekickicons:mask-solid) — бесплатная SVG-иконка из набора SidekickIcons от Andri Soone. Она нарисована на сетке 24 × 24. SidekickIcons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: SidekickIcons
Автор: Andri Soone
Лицензия: MIT
Размер: 24 × 24
Теги: masksolid

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.89 6.62q-.369.003-.73.019c-.962.04-1.873.123-2.66.123a.75.75 0 0 0-.744.664s-.097.828-.145 1.853c-.047 1.026-.066 2.228.16 3.17c.278 1.153.771 2.38 1.704 3.297c.804.792 1.862 1.22 2.877 1.426c1.399.283 3.011.358 4.45-.276c.539-.237.885-.631 1.198-.982c.313.35.66.745 1.197.982c1.44.634 3.052.56 4.451.276c1.015-.206 2.073-.634 2.877-1.426c.933-.918 1.426-2.144 1.704-3.297c.226-.942.207-2.144.16-3.17c-.048-1.025-.145-1.853-.145-1.853a.75.75 0 0 0-.744-.664c-1.573 0-3.645-.331-5.627.01c-.822.14-1.825.507-2.67.84c-.672.264-1.003.416-1.203.505c-.2-.089-.53-.241-1.203-.506c-.845-.332-1.848-.698-2.67-.84a12.4 12.4 0 0 0-2.236-.152m1.376 3.7c.37.001.762.05 1.162.149c.64.157 1.188.406 1.601.746c.207.17.385.364.504.615c.12.251.166.587.057.889c-.218.603-.783.817-1.324.91s-1.16.06-1.801-.098c-.64-.157-1.189-.406-1.602-.746a1.8 1.8 0 0 1-.504-.615a1.18 1.18 0 0 1-.056-.889c.218-.603.783-.817 1.324-.91q.305-.052.639-.05m9.293.022c.302-.007.592.015.86.07c.539.11 1.098.338 1.298.947c.1.305.045.64-.082.887s-.31.436-.522.6c-.423.328-.978.56-1.623.699c-.644.138-1.265.152-1.802.043c-.538-.11-1.097-.338-1.297-.947c-.1-.305-.045-.64.082-.887s.312-.436.523-.6c.423-.328.976-.56 1.621-.699q.486-.103.942-.113" color="currentColor"/></svg>

Как использовать иконку Mask Solid

React

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

<Icon icon="sidekickicons:mask-solid" width="24" />

Vue

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

<template>
  <Icon icon="sidekickicons:mask-solid" width="24" />
</template>

Svelte

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

<Icon icon="sidekickicons:mask-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[sidekickicons--mask-solid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/sidekickicons -->
<div class="i-sidekickicons:mask-solid"></div>

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

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

<iconify-icon icon="sidekickicons:mask-solid"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/sidekickicons/mask-solid.svg" alt="Иконка Mask Solid" width="24" height="24">

Иконка Mask Solid в других наборах

Вопросы и ответы: Иконка Mask Solid

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

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

Как использовать иконку Mask Solid в React?

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

Как добавить иконку Mask Solid на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/sidekickicons/mask-solid.svg" alt="Иконка Mask Solid">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все SidekickIcons →