Иконка Safe

hugeicons:safe

Иконка Safe (hugeicons:safe) — бесплатная SVG-иконка из набора Huge Icons от Hugeicons. Она нарисована на сетке 24 × 24. Huge Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Huge Icons
Автор: Hugeicons
Лицензия: MIT
Размер: 24 × 24

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m16 17l.21.21c.369.369.553.553.776.54c.223-.012.386-.215.712-.623L19 15.5m-6-.046v.386c0 1.202 0 1.803.148 2.353a4.36 4.36 0 0 0 1.014 1.827c.39.422.906.75 1.937 1.407c.461.294.692.441.938.51c.303.084.624.084.927 0c.245-.069.476-.216.937-.51c1.031-.657 1.547-.985 1.937-1.407a4.36 4.36 0 0 0 1.014-1.827c.148-.55.148-1.15.148-2.353v-.386c0-.748 0-1.122-.142-1.438a1.7 1.7 0 0 0-.369-.52c-.253-.24-.612-.372-1.33-.635l-1.474-.54c-.586-.214-.879-.321-1.185-.321s-.599.107-1.185.322l-1.474.54c-.718.262-1.077.393-1.33.634a1.7 1.7 0 0 0-.37.52c-.141.316-.141.69-.141 1.438m3.171-7.544V9.5m0-1.59c0-.754.634-1.365 1.415-1.365c.78 0 1.414.611 1.414 1.364V9.5m-2.829-1.59V5.181c0-.753-.633-1.364-1.414-1.364s-1.415.61-1.415 1.364m0 0V9.5m0-4.318V3.364C13.342 2.61 12.71 2 11.928 2s-1.414.61-1.414 1.364V6.09m0 0c0-.753-.634-1.364-1.415-1.364c-.78 0-1.414.61-1.414 1.364v6.547c0 .416-.533.613-.823.305l-2.29-2.439a1.415 1.415 0 0 0-1.615-.382c-1.008.417-1.245 1.888-.59 2.736c1.122 1.452 2.27 3.433 3.198 5.18C6.825 20.41 9.31 22 12.072 22M10.514 6.09V9.5"/></svg>

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

React

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

<Icon icon="hugeicons:safe" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:safe" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:safe" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--safe]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:safe"></div>

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

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

<iconify-icon icon="hugeicons:safe"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/hugeicons/safe.svg" alt="Иконка Safe" width="24" height="24">

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

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

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

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

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

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

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

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

Все Huge Icons →