Brackets Ellipsis Fill アイコン
keyline-icons:brackets-ellipsis-fill
Brackets Ellipsis Fill アイコン(keyline-icons:brackets-ellipsis-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- bracketsellipsis、ellipsisfill、bracketsellipsisfill、bracket
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M8 2L6 2C4.8954 2 4 2.8954 4 4L4 20C4 21.1046 4.8954 22 6 22L8 22M16 2L18 2C19.1046 2 20 2.8954 20 4L20 20C20 21.1046 19.1046 22 18 22L16 22"/><path fill="currentColor" fill-rule="evenodd" d="M9 12C9 12.5523 8.5523 13 8 13C7.4477 13 7 12.5523 7 12C7 11.4477 7.4477 11 8 11C8.5523 11 9 11.4477 9 12ZM13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12ZM17 12C17 12.5523 16.5523 13 16 13C15.4477 13 15 12.5523 15 12C15 11.4477 15.4477 11 16 11C16.5523 11 17 11.4477 17 12Z" clip-rule="evenodd" stroke="none"/></g></svg>Brackets Ellipsis Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:brackets-ellipsis-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:brackets-ellipsis-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:brackets-ellipsis-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--brackets-ellipsis-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:brackets-ellipsis-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:brackets-ellipsis-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/brackets-ellipsis-fill.svg" alt="Brackets Ellipsis Fill アイコン" width="24" height="24">Keyline Icons の関連アイコン
brackets
brackets-duotone
brackets-ellipsis
brackets-ellipsis-duotone
brackets-ellipsis-sharp
brackets-ellipsis-sharp-duotone
brackets-ellipsis-sharp-fill
brackets-ellipsis-sharp-two-tone
brackets-ellipsis-two-tone
brackets-fill
brackets-sharp
brackets-sharp-duotone
brackets-sharp-fill
brackets-sharp-two-tone
brackets-two-tone
Brackets Ellipsis Fill アイコン のよくある質問
Brackets Ellipsis Fill アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Brackets Ellipsis Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:brackets-ellipsis-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Brackets Ellipsis Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/brackets-ellipsis-fill.svg" alt="Brackets Ellipsis Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。