Иконка Visibility Off Outline

cuida:visibility-off-outline

Иконка Visibility Off Outline (cuida:visibility-off-outline) — бесплатная SVG-иконка из набора Cuida Icons от Sysvale. Она нарисована на сетке 24 × 24. Cuida Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Cuida Icons
Автор: Sysvale
Лицензия: Apache-2.0
Размер: 24 × 24
Теги: visibilityoff, offoutline, visibilityoffoutline

Скачать 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.293 3.293a1 1 0 0 1 1.414 0l16 16a1 1 0 0 1-1.414 1.414l-16-16a1 1 0 0 1 0-1.414" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M19.737 11.364c-1.55-3.999-5.46-5.831-9.084-5.27a1 1 0 0 1-.306-1.976c4.47-.693 9.337 1.573 11.255 6.524c.339.873.338 1.842.002 2.715q-.11.28-.23.552c-.224.5-.587 1.006-.85 1.374q-.114.158-.196.277a1 1 0 1 1-1.656-1.12q.176-.258.326-.466c.23-.323.416-.582.55-.883q.1-.222.19-.454c.158-.41.157-.865 0-1.273ZM6.747 6.562a1 1 0 0 1-.082 1.412a8 8 0 0 0-.892.93a9.5 9.5 0 0 0-1.47 2.412c-.18.434-.182.933 0 1.384c2.1 5.242 7.312 6.513 11.255 4.571q.46-.225.893-.51a1 1 0 0 1 1.098 1.672q-.538.352-1.107.633c-4.895 2.41-11.425.795-13.996-5.622a3.83 3.83 0 0 1 .01-2.897a11.5 11.5 0 0 1 1.77-2.91a10 10 0 0 1 1.11-1.157a1 1 0 0 1 1.41.082Z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M10.195 9.739a.79.79 0 0 1 .168 1.104a1.96 1.96 0 0 0-.376 1.327a1.96 1.96 0 0 0 .995 1.555c.33.186.718.28 1.126.246a1.96 1.96 0 0 0 1.201-.54a.79.79 0 0 1 1.094 1.139a3.54 3.54 0 0 1-2.167.976a3.54 3.54 0 0 1-3.101-1.374a3.54 3.54 0 0 1-.723-1.873a3.54 3.54 0 0 1 .679-2.393a.79.79 0 0 1 1.104-.167m4.865 2.567a.75.75 0 0 1-.865-.613a2 2 0 0 0-.814-1.294a2 2 0 0 0-.712-.321a.75.75 0 1 1 .337-1.462a3.52 3.52 0 0 1 2.667 2.824a.75.75 0 0 1-.613.865Z" clip-rule="evenodd"/></svg>

Как использовать иконку Visibility Off Outline

React

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

<Icon icon="cuida:visibility-off-outline" width="24" />

Vue

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

<template>
  <Icon icon="cuida:visibility-off-outline" width="24" />
</template>

Svelte

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

<Icon icon="cuida:visibility-off-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cuida--visibility-off-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cuida -->
<div class="i-cuida:visibility-off-outline"></div>

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

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

<iconify-icon icon="cuida:visibility-off-outline"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/cuida/visibility-off-outline.svg" alt="Иконка Visibility Off Outline" width="24" height="24">

Иконка Visibility Off Outline в других наборах

Вопросы и ответы: Иконка Visibility Off Outline

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

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

Как использовать иконку Visibility Off Outline в React?

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

Как добавить иконку Visibility Off Outline на веб-страницу?

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

Все Cuida Icons →