Иконка Private Content Light

stash:private-content-light

Иконка Private Content Light (stash:private-content-light) — бесплатная SVG-иконка из набора Stash Icons от Pingback LLC. Она нарисована на сетке 24 × 24. Stash Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Stash Icons
Автор: Pingback LLC
Лицензия: MIT
Размер: 24 × 24
Теги: privatecontent, contentlight, privatecontentlight

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.377 2.5h5.246c1.1 0 1.958 0 2.645.056c.698.057 1.265.175 1.775.434a4.5 4.5 0 0 1 1.967 1.967c.26.51.377 1.077.434 1.775c.056.687.056 1.544.056 2.645V10.8a.5.5 0 0 1-1 0V9.4c0-1.128 0-1.945-.053-2.586c-.052-.637-.152-1.057-.328-1.403a3.5 3.5 0 0 0-1.53-1.53c-.346-.176-.766-.276-1.402-.328C16.545 3.5 15.728 3.5 14.6 3.5H9.4c-1.128 0-1.945 0-2.586.053c-.637.052-1.057.152-1.403.328a3.5 3.5 0 0 0-1.53 1.53c-.176.346-.276.766-.328 1.403C3.5 7.455 3.5 8.272 3.5 9.4v5.2c0 1.128 0 1.945.053 2.586c.052.637.152 1.057.328 1.403a3.5 3.5 0 0 0 1.53 1.53c.346.176.766.276 1.403.328c.641.053 1.458.053 2.586.053H12a.5.5 0 0 1 0 1H9.377c-1.1 0-1.958 0-2.645-.056c-.698-.057-1.265-.175-1.775-.434a4.5 4.5 0 0 1-1.967-1.967c-.26-.51-.377-1.077-.434-1.775c-.056-.687-.056-1.544-.056-2.645V9.377c0-1.1 0-1.958.056-2.645c.057-.698.175-1.265.434-1.775A4.5 4.5 0 0 1 4.957 2.99c.51-.26 1.077-.377 1.775-.434C7.42 2.5 8.276 2.5 9.377 2.5"/><path fill="currentColor" d="M15.786 14.778c0-1.24.974-2.278 2.214-2.278s2.214 1.037 2.214 2.278v.915q.163.041.318.121c.337.179.608.461.777.805c.11.223.152.459.172.71c.019.242.019.54.019.896v.661c0 .357 0 .654-.02.896a1.9 1.9 0 0 1-.171.71a1.8 1.8 0 0 1-.777.805a1.8 1.8 0 0 1-.703.183c-.235.02-.523.02-.865.02h-1.928c-.342 0-.63 0-.866-.02a1.8 1.8 0 0 1-.702-.183a1.8 1.8 0 0 1-.777-.805a1.9 1.9 0 0 1-.172-.71c-.019-.242-.019-.539-.019-.896v-.661c0-.357 0-.654.02-.896c.019-.251.062-.487.171-.71a1.8 1.8 0 0 1 .777-.805q.155-.08.318-.121zm1 .833h2.428v-.833c0-.723-.56-1.278-1.214-1.278s-1.214.555-1.214 1.278zm-.531 1.017c-.182.015-.266.042-.32.07a.8.8 0 0 0-.346.362c-.03.062-.058.155-.073.348c-.016.198-.016.455-.016.836v.623c0 .381 0 .638.016.836c.015.193.042.287.073.349a.8.8 0 0 0 .347.36c.053.029.137.056.319.072c.188.016.434.016.802.016h1.886c.368 0 .614 0 .802-.016c.182-.016.266-.043.32-.071a.8.8 0 0 0 .346-.361c.03-.062.058-.156.073-.349c.016-.198.016-.455.016-.836v-.623c0-.38 0-.638-.016-.836c-.015-.193-.042-.286-.073-.348a.8.8 0 0 0-.347-.361c-.053-.029-.137-.056-.319-.072a11 11 0 0 0-.802-.016h-1.886c-.368 0-.614 0-.802.017"/><path fill="currentColor" d="M18 18a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-1 0v-.5a.5.5 0 0 1 .5-.5M5.5 6a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 0-1H6a.5.5 0 0 0-.5.5m0 3a.5.5 0 0 1 .5-.5h8.5a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5m0 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5m0 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5m3-3a.5.5 0 0 1 .5-.5h5.5a.5.5 0 0 1 0 1H9a.5.5 0 0 1-.5-.5m0 3a.5.5 0 0 0 .5.5h3.5a.5.5 0 0 0 0-1H9a.5.5 0 0 0-.5.5m-3 3a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5"/></svg>

Как использовать иконку Private Content Light

React

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

<Icon icon="stash:private-content-light" width="24" />

Vue

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

<template>
  <Icon icon="stash:private-content-light" width="24" />
</template>

Svelte

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

<Icon icon="stash:private-content-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--private-content-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:private-content-light"></div>

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

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

<iconify-icon icon="stash:private-content-light"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/stash/private-content-light.svg" alt="Иконка Private Content Light" width="24" height="24">

Вопросы и ответы: Иконка Private Content Light

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

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

Как использовать иконку Private Content Light в React?

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

Как добавить иконку Private Content Light на веб-страницу?

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

Все Stash Icons →