18種類の Iconify パック · SVG、PNG、React、Vue などをコピー レジストリを開く →

Lucide · UI

lucide:panel-bottom-close

Lucide は余白の揃った 24px の線アイコンで、React や shadcn/ui でよく使われます。ライセンスは ISC です。

コレクションを見る

ライセンス: ISC · /r/lucide/panel-bottom-close.json

再配布はそのセットのライセンスに従います。ブランドマークには商標の制限が加わることがあります。

React

import type { SVGProps } from 'react';

export function PanelBottomClose(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 15h18m-6-7l-3 3l-3-3"/></g></svg>
  );
}

このセットの近い名前

クリックでコピー · ホバーでプレビュー

 

色をカスタマイズ

変更は SVG、PNG、Data URI の書き出しにのみ反映されます。CDN / img URI は常に元のアイコンを返します。

Lucideのアイコン

Lucide

Lucide

lucide