@mozaic-ds/icons-react/lib/components/ArrowBottom20/ArrowBottom20.js

ADS icons for React usage

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
var index = require('../../node_modules/react/index.js');

const ArrowBottom20 = (_a) => {
    var { fill, size = '1.25rem' } = _a, rest = tslib_es6.__rest(_a, ["fill", "size"]);
    return (index.default.createElement("svg", Object.assign({ "aria-hidden": "true", width: size, height: size }, rest, { fill: fill, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16" }),
        index.default.createElement("g", { "clip-path": "url(#a)" },
            index.default.createElement("path", { "fill-rule": "evenodd", d: "M8 1.25a.75.75 0 0 1 .75.75v10.19l2.053-2.054a.75.75 0 0 1 1.06 1.061L8.53 14.53a.75.75 0 0 1-1.06 0l-3.334-3.333a.75.75 0 0 1 1.061-1.06l2.053 2.052V2A.75.75 0 0 1 8 1.25Z" })),
        index.default.createElement("defs", null,
            index.default.createElement("clipPath", { id: "a" },
                index.default.createElement("rect", { width: "16", height: "16", fill: "#fff" })))));
};

exports.default = ArrowBottom20;