Blind アイコン

el:blind

Blind アイコン(el:blind)は、Elusive Icons セットの無料 SVG アイコンです（作者: Team Redux）。 1200 × 1200 のグリッドで描かれています。 Elusive Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Elusive Icons
作者: Team Redux
ライセンス: OFL-1.1
サイズ: 1200 × 1200

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M385.312 0c-65.813 0-119.166 53.352-119.166 119.166s53.353 119.166 119.166 119.166c65.814 0 119.167-53.353 119.167-119.166C504.479 53.352 451.126 0 385.312 0m-99.026 299.713L158.228 472.611c-5.122 6.829-7.676 14.053-7.676 21.736L135.2 636.503c-6.928 62.019 81.763 76.349 92.188 8.968l12.806-131.897l33.288-44.802l1.292 185.666l-62.737 225.338l-160.055 203.603c-46.537 72.435 49.647 126.372 98.572 69.158L317.03 938.676c4.471-6.019 7.239-14.069 10.222-21.736l49.97-176.736l112.67 126.766l61.445 286.87c16.961 76.578 134.751 50.207 120.382-23.065L606.446 832.42c-1.555-7.685-3.242-16.207-10.222-21.774L457.943 653.137V458.501l53.77 67.867c5.976 7.683 14.953 13.229 26.903 16.644l126.767 24.32l469.914 618.482c8.392 11.667 32.137.041 23.065-15.353L720.44 568.598c51.496-17.263 23.699-75.92-10.26-81.964l-135.733-26.866l-139.573-175.446c-44.207-43.902-118.137-33.112-148.54 15.352z"/></svg>

Blind アイコンの使い方

React

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

<Icon icon="el:blind" width="24" />

Vue

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

<template>
  <Icon icon="el:blind" width="24" />
</template>

Svelte

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

<Icon icon="el:blind" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="el:blind"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/el/blind.svg" alt="Blind アイコン" width="24" height="24">

他のアイコンセットの Blind アイコン

Blind アイコンのよくある質問

Blind アイコンは商用利用でも無料ですか?

はい。Elusive Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Elusive Icons をすべて見る →