| 1 |
export const DownArrow = () => { |
| 2 |
return ( |
| 3 |
<svg |
| 4 |
aria-hidden="true" |
| 5 |
focusable="false" |
| 6 |
data-prefix="fas" |
| 7 |
data-icon="angle-down" |
| 8 |
class="cat-list-arrow-down svg-inline--fa fa-angle-down fa-w-10" |
| 9 |
role="img" |
| 10 |
xmlns="http://www.w3.org/2000/svg" |
| 11 |
viewBox="0 0 320 512" |
| 12 |
> |
| 13 |
<path |
| 14 |
fill="currentColor" |
| 15 |
d="M143 352.3L7 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" |
| 16 |
></path> |
| 17 |
</svg> |
| 18 |
); |
| 19 |
}; |
| 20 |
|
| 21 |
export const DocIcon = () => { |
| 22 |
return ( |
| 23 |
<svg |
| 24 |
xmlns="http://www.w3.org/2000/svg" |
| 25 |
aria-hidden="true" |
| 26 |
width=".86em" |
| 27 |
height="1em" |
| 28 |
style={{ |
| 29 |
msTransform: "rotate(360deg)", |
| 30 |
WebkitTransform: "rotate(360deg)", |
| 31 |
transform: "rotate(360deg)", |
| 32 |
}} |
| 33 |
viewBox="0 0 1536 1792" |
| 34 |
> |
| 35 |
<path d="M1468 380q28 28 48 76t20 88v1152q0 40-28 68t-68 28H96q-40 0-68-28t-28-68V96q0-40 28-68T96 0h896q40 0 88 20t76 48zm-444-244v376h376q-10-29-22-41l-313-313q-12-12-41-22zm384 1528V640H992q-40 0-68-28t-28-68V128H128v1536h1280zM384 800q0-14 9-23t23-9h704q14 0 23 9t9 23v64q0 14-9 23t-23 9H416q-14 0-23-9t-9-23v-64zm736 224q14 0 23 9t9 23v64q0 14-9 23t-23 9H416q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h704zm0 256q14 0 23 9t9 23v64q0 14-9 23t-23 9H416q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h704z" /> |
| 36 |
</svg> |
| 37 |
); |
| 38 |
}; |
| 39 |
|
| 40 |
export const SubCatIconRightArrow = () => { |
| 41 |
return ( |
| 42 |
<svg |
| 43 |
className="toggle-arrow arrow-right" |
| 44 |
xmlns="http://www.w3.org/2000/svg" |
| 45 |
aria-hidden="true" |
| 46 |
width=".48em" |
| 47 |
height="1em" |
| 48 |
style={{ |
| 49 |
msTransform: "rotate(360deg)", |
| 50 |
WebkitTransform: "rotate(360deg)", |
| 51 |
transform: "rotate(360deg)", |
| 52 |
}} |
| 53 |
viewBox="0 0 608 1280" |
| 54 |
> |
| 55 |
<path d="M13 288q0 13 10 23l393 393-393 393q-10 10-10 23t10 23l50 50q10 10 23 10t23-10l466-466q10-10 10-23t-10-23L119 215q-10-10-23-10t-23 10l-50 50q-10 10-10 23z" /> |
| 56 |
</svg> |
| 57 |
); |
| 58 |
}; |
| 59 |
|
| 60 |
export const SubCatIconDownArrow = () => { |
| 61 |
return ( |
| 62 |
<svg |
| 63 |
className="toggle-arrow arrow-down" |
| 64 |
xmlns="http://www.w3.org/2000/svg" |
| 65 |
aria-hidden="true" |
| 66 |
width=".8em" |
| 67 |
height="1em" |
| 68 |
style={{ |
| 69 |
msTransform: "rotate(360deg)", |
| 70 |
WebkitTransform: "rotate(360deg)", |
| 71 |
transform: "rotate(360deg)", |
| 72 |
}} |
| 73 |
viewBox="0 0 1024 1280" |
| 74 |
> |
| 75 |
<path d="M1011 480q0 13-10 23L535 969q-10 10-23 10t-23-10L23 503q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l393 393 393-393q10-10 23-10t23 10l50 50q10 10 10 23z" /> |
| 76 |
</svg> |
| 77 |
); |
| 78 |
}; |
| 79 |
|
