Иконка Interlock Dark

selfhst:interlock-dark

Иконка Interlock Dark (selfhst:interlock-dark) — бесплатная SVG-иконка из набора selfh.st/icons от selfh.st. Она нарисована на сетке 512 × 512. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: selfh.st/icons
Автор: selfh.st
Лицензия: CC-BY-4.0
Размер: 512 × 512
Теги: interlockdark

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="M257.3 262.9L442.2 78q.9-.9 1.8 0l2.4 2.4c.6 0 .6.6 0 1.2L257.3 270.7c-.6 0-1.2.6-1.2 1.2h-8.3c-.6 0-1.2 0-1.8-.6l-8.9-8.9c-.6-.6-.6-1.2-.6-1.8v-8.3c0-.6.6-.6.6-.6l11.3 11.3c2.4 2.3 6.6 2.3 8.9-.1M512 251.6c0-56.1-17.7-107.5-48.1-149.7l-.9-1.2c-.1-.1-.2-.3-.3-.4c-3-4.1-6-8.1-9.2-12.1c-.2-.3-.5-.5-.7-.7c-1.2-1.6-3.5-1.6-5.2.1c-56.4 56.9-129.5 130.6-131.7 132.9l-.1.1l35.2 35.2c1.2 1.2 1.2 3.6 0 5.4l-10.1 10.1c-1.2 1.2-3.6 1.2-5.4 0l-31-31l-10.8 10.7l15.5 15.5c1.2 1.2 1.2 3.6 0 5.4l-8.3 8.3c-.5.5-1.1.8-1.9.8c-.8-.1-1.6-.4-2.3-.8L280 264.7c-1.2-1.2-3.6-1.2-5.4 0L257.3 282c-1.2 1.2-3.6 1.2-5.4 0l-3-3h-5.4c-.6 0-.6 0-1.2-.6l-11.9-11.9s-.6-.6-.6-1.2v-6l-.4.2l-2-2c-1.2-1.2-1.2-3.6 0-5.4L400.9 78.9c.5-.1 1-.1 1.4-.2L419 61.9c.6-.6-71.6 16.1-143.1-1.2c-66.9-16-97.9-56-97.9-56c-42.3 13.1-80.5 36.4-110.3 67.4c.3 2 .7 3.9 1.1 5.9c.1.7.1 1.3.1 1.9l.2-.2C104.5 262.8 249.7 406 433.3 438.3c48.3-47.1 78.7-112.7 78.7-185.5zM277.6 426.3c-31.6 0-57.3-25.6-57.3-57.3c0-7.8 1.8-15.5 4.2-22.1c-25.6-21.5-49.5-45.9-70.4-71.6c-6.6 3-14.3 4.2-22.1 4.2c-31.6 0-57.3-25.6-57.3-57.3c0-16.7 7.2-31.6 18.5-42.3C75.3 143.5 62.2 104.8 55 66C8.7 114.4-2.1 187.8.3 261.1c.6 16.1 3 31 6 46.5c1.2 5.4 6.6 9.5 11.9 9.5h35.2c3 0 7.2 1.8 11.9 7.2l123.4 123.4c1.8 2.4 3.6 3.6 3.6 8.9v32.8c0 6 1.2 10.7 6.6 11.9c14.3 3 28.6 4.8 43.5 5.4c73.4 3 149.7-7.8 198-54.9c-41.7-7.8-83.5-22.1-122.3-42.3c-10.1 10.3-25 16.8-40.5 16.8"/></svg>

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

React

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

<Icon icon="selfhst:interlock-dark" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:interlock-dark" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:interlock-dark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--interlock-dark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:interlock-dark"></div>

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

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

<iconify-icon icon="selfhst:interlock-dark"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/selfhst/interlock-dark.svg" alt="Иконка Interlock Dark" width="24" height="24">

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

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

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

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

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

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

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

Все selfh.st/icons →