| 1 |
export const DocIcon = () => { |
| 2 |
return ( |
| 3 |
<svg |
| 4 |
xmlns="http://www.w3.org/2000/svg" |
| 5 |
aria-hidden="true" |
| 6 |
width=".86em" |
| 7 |
height="1em" |
| 8 |
style={{ |
| 9 |
msTransform: "rotate(360deg)", |
| 10 |
WebkitTransform: "rotate(360deg)", |
| 11 |
transform: "rotate(360deg)", |
| 12 |
}} |
| 13 |
viewBox="0 0 1536 1792" |
| 14 |
> |
| 15 |
<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" /> |
| 16 |
</svg> |
| 17 |
); |
| 18 |
}; |
| 19 |
|
| 20 |
export const ArrowDown = () => { |
| 21 |
return ( |
| 22 |
<svg |
| 23 |
className="toggle-arrow arrow-down" |
| 24 |
xmlns="http://www.w3.org/2000/svg" |
| 25 |
aria-hidden="true" |
| 26 |
width=".8em" |
| 27 |
height="1em" |
| 28 |
style={{ |
| 29 |
msTransform: "rotate(360deg)", |
| 30 |
WebkitTransform: "rotate(360deg)", |
| 31 |
transform: "rotate(360deg)", |
| 32 |
display: "block" |
| 33 |
}} |
| 34 |
viewBox="0 0 1024 1280" |
| 35 |
> |
| 36 |
<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" /> |
| 37 |
</svg> |
| 38 |
) |
| 39 |
} |
| 40 |
|
