Braille アイコン

map:braille

Braille アイコン(map:braille)は、Map Icons セットの無料 SVG アイコンです（作者: 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>

Web コンポーネント

<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 で公開されており、個人・商用プロジェクトで利用できます。

React で Braille アイコンを使うには?

@iconify/react をインストールして <Icon icon="map:braille" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Braille アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/map/braille.svg" alt="Braille アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Map Icons をすべて見る →