Иконка Open

fad:open

Иконка Open (fad:open) — бесплатная SVG-иконка из набора FontAudio от @fefanto. Она нарисована на сетке 256 × 256. FontAudio icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: FontAudio
Автор: @fefanto
Лицензия: CC-BY-4.0
Размер: 256 × 256

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" fill-rule="evenodd" d="M25.723 176.132c.283-8.428-.284-85.83-.284-95.335s8.156-17.14 17.993-17.327s55.149.172 55.149.172c1.103.008 2.622.656 3.4 1.447L120.47 83.86c1.164 1.183 3.452 2.092 5.107 2.03c0 0 44.654-1.705 54.282-1.705s17.035 8.52 17.035 16.647s.489 14.842.489 14.842a1.92 1.92 0 0 0 2.109 1.809s.86-.386 15.122-.1c14.263.288 21.126 13.712 14.263 24.258s-24.24 36.296-28.111 41.618s-7.694 8.812-15.074 8.253c-7.38-.56-132.897.813-142.36.813c-9.465 0-17.893-7.765-17.61-16.193zm18.006-93.708l-.71 75.569c-.01 1.113.454 1.25 1.038.316c0 0 18.173-29.148 21.523-33.172c3.35-4.025 7.78-7.653 14.48-7.653s99.329-.614 99.329-.614s1.173-14.187-.386-15.627s-61.818-.43-61.818-.43c-1.099.018-2.659-.584-3.468-1.344L94.33 81.244c-.808-.76-2.36-1.366-3.466-1.354l-45.114.505a2.054 2.054 0 0 0-2.02 2.03zm9.33 93.533l130.564.154c1.112.001 2.52-.736 3.154-1.647l27.435-39.435c.631-.907.251-1.65-.855-1.653l-132.038-.268c-1.097-.003-2.494.742-3.101 1.662l-26.066 39.518c-.609.923-.2 1.668.908 1.67z"/></svg>

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

React

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

<Icon icon="fad:open" width="24" />

Vue

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

<template>
  <Icon icon="fad:open" width="24" />
</template>

Svelte

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

<Icon icon="fad:open" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="fad:open"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Иконки FontAudio →