Иконка Braille

map:braille

Иконка Braille (map:braille) — бесплатная SVG-иконка из набора Map Icons от Scott de Jonge. Она нарисована на сетке 50 × 50. Map Icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Map Icons
Автор: Scott de Jonge
Лицензия: OFL-1.1
Размер: 50 × 50

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="currentColor" d="M4 40h4.894c1.838 0 3.087.654 3.087 2.464c0 .948-.471 1.644-1.308 2.05c1.178.336 1.779 1.358 1.779 2.567c0 1.967-1.673 2.919-3.429 2.919H4zm2 4h2.623c.742 0 1.295-.207 1.295-1.021c0-.924-.707-.979-1.46-.979H6zm0 4h2.741c.848 0 1.579-.439 1.579-1.447c0-.988-.625-1.553-1.532-1.553H6zm8-5h2v1h.022c.354-1 1.459-1.448 2.402-1.448c.13 0 .576.077.576.118v1.792c-1-.042-.663-.065-.887-.065c-1.414 0-2.113 1.014-2.113 2.251V50h-2zm5.829 2c.106-2 1.625-2.376 3.192-2.376c1.402 0 2.979.288 2.979 1.973v3.653c0 .636.273 1.75.451 1.75h-1.944c-.071 0-.13-.542-.142-.772c-.613.637-1.508.819-2.356.819c-1.332 0-2.392-.689-2.392-2.127c0-1.592 1.189-1.968 2.392-2.145c1.179-.165 2.274-.141 2.274-.926c0-.83-.565-.933-1.249-.933c-.73 0-1.202.083-1.272 1.083h-1.933zM24 46.377c0 .282-.859.294-1.461.405c-.601.124-1.073.324-1.073 1.032c0 .718.46.895 1.084.895c1.508 0 1.449-1.195 1.449-1.614zm6.164-4.673H28.23v-1.585h1.934zM28 43h2v7h-2zm4-3h2v10h-2zm4 0h2v10h-2zm5.699 7c.06 1 .647 1.84 1.721 1.84c.778 0 1.402-.84 1.52-.84h1.696c-.541 1-1.696 2.182-3.275 2.182c-2.214 0-3.582-1.61-3.582-3.786c0-2.102 1.45-3.636 3.582-3.636c2.381 0 3.536 2.24 3.405 4.24zm3.135-1c-.177-1-.589-1.49-1.532-1.49c-1.226 0-1.579.49-1.603 1.49z"/><circle cx="14.5" cy="32.5" r="3.5" fill="currentColor"/><circle cx="14.5" cy="18.5" r="3.5" fill="currentColor"/><circle cx="14.5" cy="4.5" r="3.5" fill="currentColor"/><circle cx="35.5" cy="32.5" r="3.5" fill="currentColor"/><circle cx="35.5" cy="18.5" r="3.5" fill="currentColor"/><circle cx="35.5" cy="4.5" r="3.5" fill="currentColor"/></svg>

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

React

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

<Icon icon="map:braille" width="24" />

Vue

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

<template>
  <Icon icon="map:braille" width="24" />
</template>

Svelte

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

<Icon icon="map:braille" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="map:braille"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Map Icons →