Иконка Anchor Logo Block
streamline-logos:anchor-logo-block
Иконка Anchor Logo Block (streamline-logos:anchor-logo-block) — бесплатная SVG-иконка из набора Logos free icons от Streamline. Она нарисована на сетке 24 × 24. Logos free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Logos free icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Категория
- Музыка
- Теги
- anchorlogo, logoblock, anchorlogoblock
Код 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="M5 1a4 4 0 0 0-4 4v14a4 4 0 0 0 4 4h14a4 4 0 0 0 4-4V5a4 4 0 0 0-4-4zm-.5 17.145s.638-.579.706-.983c.025-.154-.037-.624-.116-1.22c-.188-1.413-.47-3.532.116-3.78c.5-.21 1.24 1.231 1.834 2.39c.394.77.725 1.414.88 1.37c.132-.038-.005-.84-.185-1.902c-.348-2.044-.86-5.047.077-5.388c.91-.33 2.109 2.54 2.976 4.62c.49 1.175.876 2.097 1.043 2.043c.183-.058-.03-1.786-.282-3.851c-.387-3.154-.87-7.096-.193-7.096c1.19 0 2.47 3.86 3.428 6.747c.58 1.75 1.043 3.142 1.294 3.1c.263-.044.273-.774.285-1.679c.019-1.381.043-3.17.983-3.551c.82-.333 1.651 0 1.651 0l.503 2.007c-.522-.09-1.52.045-1.594.932c-.022.268-.032.732-.044 1.294c-.043 2.067-.115 5.472-.944 5.472c-.964 0-2.22-3.62-3.115-6.197c-.509-1.467-.9-2.596-1.055-2.529c-.156.068-.047 1.243.09 2.71c.235 2.51.55 5.876-.256 6.016c-.833.145-2.028-2.728-2.85-4.705c-.437-1.05-.769-1.847-.884-1.802c-.123.047-.057.897.027 1.968c.143 1.848.338 4.354-.293 4.54c-.849.248-1.48-1.4-1.947-2.617c-.27-.704-.484-1.263-.653-1.229c-.133.027-.104.375-.064.852c.092 1.104.24 2.897-1.418 2.993z" clip-rule="evenodd"/></svg>Как использовать иконку Anchor Logo Block
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-logos:anchor-logo-block" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-logos:anchor-logo-block" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-logos:anchor-logo-block" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-logos--anchor-logo-block]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-logos -->
<div class="i-streamline-logos:anchor-logo-block"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-logos:anchor-logo-block"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-logos/anchor-logo-block.svg" alt="Иконка Anchor Logo Block" width="24" height="24">Похожие иконки в наборе Logos free icons
Вопросы и ответы: Иконка Anchor Logo Block
Можно ли бесплатно использовать иконку Anchor Logo Block в коммерческих проектах?
Да. Logos free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Anchor Logo Block в React?
Установите @iconify/react и выведите <Icon icon="streamline-logos:anchor-logo-block" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Anchor Logo Block на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-logos/anchor-logo-block.svg" alt="Иконка Anchor Logo Block">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.