omnivore/packages/web/components/elements/icons/ReaderSettingsIcon.tsx
Jackson Harper c0dbbc3b86 Update icons
2023-08-01 12:31:12 +08:00

75 lines
1.9 KiB
TypeScript

import { IconProps } from './IconProps'
import React from 'react'
export class ReaderSettingsIcon extends React.Component<IconProps> {
render() {
const size = (this.props.size || 26).toString()
const color = (this.props.color || '#2A2A2A').toString()
return (
<svg
width={size}
height={size}
viewBox="0 0 26 26"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clipPath="url(#clip0_4720_16436)">
<path
d="M3.36182 7.67513V5.5918H16.9035V7.67513"
stroke={color}
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M10.6533 5.5918V20.1751"
stroke={color}
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M12.737 20.1738H8.57031"
stroke={color}
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M15.8618 13.9245V12.8828H22.1118V13.9245"
stroke={color}
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M18.9868 12.8828V20.1745"
stroke={color}
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M17.9453 20.1738H20.0286"
stroke={color}
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<defs>
<clipPath id="clip0_4720_16436">
<rect
width="25"
height="25"
fill={color}
transform="translate(0.236816 0.382812)"
/>
</clipPath>
</defs>
</svg>
)
}
}