Иконка Key Minimalistic Square 2 Line Duotone

solar:key-minimalistic-square-2-line-duotone

Иконка Key Minimalistic Square 2 Line Duotone (solar:key-minimalistic-square-2-line-duotone) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Безопасность
Теги: keyminimalistic, minimalisticsquare, squareline, lineduotone, keyminimalisticsquarelineduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" d="M11.8833 15.6051L10.8496 16.6388C10.5847 16.9037 10.2137 17.0338 9.84133 16.9924L8.10084 16.7991C7.91528 16.7784 7.74226 16.6953 7.61025 16.5633L7.43673 16.3898C7.30472 16.2577 7.22156 16.0847 7.20094 15.8992L7.00755 14.1587C6.96618 13.7863 7.09631 13.4153 7.36124 13.1504L10.4547 10.057C10.6791 9.83252 10.7492 9.50004 10.6703 9.1926C10.1808 7.28638 10.6822 5.17821 12.1747 3.68576C14.4224 1.43808 18.0666 1.43808 20.3142 3.68576C22.5619 5.93344 22.5619 9.57765 20.3142 11.8253C18.8218 13.3178 16.7136 13.8192 14.8074 13.3297C14.5 13.2508 14.1677 13.3207 13.9433 13.5451L11.8833 15.6051ZM11.8833 15.6051L10.4258 14.1635"/><path d="M14.9882 6.65515C15.639 6.00427 16.6943 6.00427 17.3452 6.65515C17.9961 7.30602 17.9961 8.3613 17.3452 9.01217C16.6943 9.66304 15.639 9.66304 14.9882 9.01217C14.3373 8.3613 14.3373 7.30602 14.9882 6.65515Z" opacity=".5"/><path stroke-linecap="round" d="M22 14.993C21.9361 17.787 21.6692 19.419 20.5542 20.5341C19.0882 22 16.7288 22 12.0101 22C7.29127 22 4.93188 22 3.46594 20.5341C2 19.0681 2 16.7087 2 11.9899C2 7.27116 2 4.91177 3.46594 3.44584C4.58099 2.33078 6.21298 2.06388 9.00704 2" opacity=".5"/></g></svg>

Как использовать иконку Key Minimalistic Square 2 Line Duotone

React

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

<Icon icon="solar:key-minimalistic-square-2-line-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:key-minimalistic-square-2-line-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:key-minimalistic-square-2-line-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--key-minimalistic-square-2-line-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:key-minimalistic-square-2-line-duotone"></div>

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

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

<iconify-icon icon="solar:key-minimalistic-square-2-line-duotone"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/key-minimalistic-square-2-line-duotone.svg" alt="Иконка Key Minimalistic Square 2 Line Duotone" width="24" height="24">

Вопросы и ответы: Иконка Key Minimalistic Square 2 Line Duotone

Можно ли бесплатно использовать иконку Key Minimalistic Square 2 Line Duotone в коммерческих проектах?

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

Как использовать иконку Key Minimalistic Square 2 Line Duotone в React?

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

Как добавить иконку Key Minimalistic Square 2 Line Duotone на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/key-minimalistic-square-2-line-duotone.svg" alt="Иконка Key Minimalistic Square 2 Line Duotone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →