lt-react-dropdown/src/icons.js

scope element Dropdown

import React from "react"

export function ChevronDown () {
    return (
        <svg
            className="svg-inline--fa fa-chevron-down fa-w-10"
            viewBox="0 0 512 512"
            xmlns="http://www.w3.org/2000/svg"
            data-icon="chevron-down"
            data-prefix="fas"
        >
            <path
                d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"
                fill="currentColor"
            />
        </svg>
    )
}

export function ChevronUp () {
    return (
        <svg
            className="svg-inline--fa fa-chevron-up fa-w-14"
            viewBox="0 0 512 512"
            xmlns="http://www.w3.org/2000/svg"
            data-icon="chevron-up"
            data-prefix="fas"
        >
            <path
                d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"
                fill="currentColor"
            />
        </svg>
    )
}

export function CaretDown () {
    return (
        <svg
            className="svg-inline--fa fa-caret-down fa-w-10"
            viewBox="0 0 320 512"
            xmlns="http://www.w3.org/2000/svg"
            data-icon="caret-down"
            data-prefix="fas"
        >
            <path
                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
                fill="currentColor"
            />
        </svg>
    )
}

export function CaretUp () {
    return (
        <svg
            className="svg-inline--fa fa-caret-up fa-w-10"
            viewBox="0 0 320 512"
            xmlns="http://www.w3.org/2000/svg"
            data-icon="caret-up"
            data-prefix="fas"
        >
            <path
                d="M182.6 137.4c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-9.2 9.2-11.9 22.9-6.9 34.9s16.6 19.8 29.6 19.8H288c12.9 0 24.6-7.8 29.6-19.8s2.2-25.7-6.9-34.9l-128-128z"
                fill="currentColor"
            />
        </svg>
    )
}