# betterdocs/4.9.5/react-src/gutenberg/components/partials/DownArrow.js

BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot, version 4.9.5. 24 lines.

- Page: https://pluginprobe.com/plugins/betterdocs/4.9.5/code/react-src/gutenberg/components/partials/DownArrow.js
- Raw: https://pluginprobe.com/plugins/betterdocs/4.9.5/raw/react-src/gutenberg/components/partials/DownArrow.js
- Modified: 2026-10-12T10:07:14+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/betterdocs/4.9.5/code/react-src/gutenberg/components/partials/DownArrow.js#L10-L20`.

```javascript
import React from "react";

const DownArrow = () => {
    return (
        <>
            <svg
                xmlns="http://www.w3.org/2000/svg"
                aria-hidden="true"
                className="betterdocs-category-collapse cat-list-arrow-down svg-inline--fa fa-angle-down fa-w-10"
                data-icon="angle-down"
                data-prefix="fas"
                viewBox="0 0 320 512"
            >
                <path
                    fill="currentColor"
                    d="M143 352.3 7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
                />
            </svg>
        </>
    );
};

export default DownArrow;

```