UNPKG

@sexyicons/react

Version:

React components for sexy icons: Icons speak louder than words

24 lines (21 loc) 2.38 kB
import React from 'react'; import { withSVG } from '../helpers/withSVG.js'; const ChevronDown = ({ color = "currentColor", set = "line", }) => { const Line = () => (React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.24075 8.34924C4.60017 7.92991 5.23147 7.88135 5.65079 8.24077L12 13.683L18.3492 8.24077C18.7685 7.88135 19.3998 7.92991 19.7593 8.34924C20.1187 8.76856 20.0701 9.39986 19.6508 9.75929L12.6508 15.7593C12.2763 16.0803 11.7237 16.0803 11.3492 15.7593L4.34921 9.75929C3.92989 9.39987 3.88132 8.76857 4.24075 8.34924Z", fill: color })); const Solid = () => (React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.24076 8.34924C4.60018 7.92991 5.23148 7.88135 5.65081 8.24077L12 13.683L18.3492 8.24077C18.7686 7.88135 19.3999 7.92991 19.7593 8.34924C20.1187 8.76856 20.0701 9.39986 19.6508 9.75929L12.6508 15.7593C12.2763 16.0803 11.7237 16.0803 11.3492 15.7593L4.34923 9.75929C3.9299 9.39987 3.88134 8.76857 4.24076 8.34924Z", fill: color })); const Lineal = () => (React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.24076 8.34924C4.60018 7.92991 5.23148 7.88135 5.65081 8.24077L12 13.683L18.3492 8.24077C18.7686 7.88135 19.3999 7.92991 19.7593 8.34924C20.1187 8.76856 20.0701 9.39986 19.6508 9.75929L12.6508 15.7593C12.2763 16.0803 11.7237 16.0803 11.3492 15.7593L4.34923 9.75929C3.9299 9.39987 3.88134 8.76857 4.24076 8.34924Z", fill: color })); const Bulk = () => (React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M6.29289 8.29289C6.68342 7.90237 7.31658 7.90237 7.70711 8.29289L12 12.5858L16.2929 8.29289C16.6834 7.90237 17.3166 7.90237 17.7071 8.29289C18.0976 8.68342 18.0976 9.31658 17.7071 9.70711L12.7071 14.7071C12.3166 15.0976 11.6834 15.0976 11.2929 14.7071L6.29289 9.70711C5.90237 9.31658 5.90237 8.68342 6.29289 8.29289Z", fill: color })); switch (set) { case "solid": return React.createElement(Solid, null); case "lineal": return React.createElement(Lineal, null); case "bulk": return React.createElement(Bulk, null); default: return React.createElement(Line, null); } }; var ChevronDown$1 = withSVG(ChevronDown); export { ChevronDown, ChevronDown$1 as default }; //# sourceMappingURL=ChevronDown.js.map