react-feather
Version:
React component for Feather icons
119 lines (114 loc) • 2.29 kB
JavaScript
import React from 'react';
import PropTypes from 'prop-types';
const Film = props => {
const { color, size, ...otherProps } = props;
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 24 24"
{...otherProps}
>
<rect
x="2"
y="2"
width="20"
height="20"
rx="2.18"
ry="2.18"
fill="none"
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
/>
<line
x1="7"
y1="2"
x2="7"
y2="22"
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
/>
<line
x1="17"
y1="2"
x2="17"
y2="22"
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
/>
<line
x1="2"
y1="12"
x2="22"
y2="12"
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
/>
<line
x1="2"
y1="7"
x2="7"
y2="7"
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
/>
<line
x1="2"
y1="17"
x2="7"
y2="17"
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
/>
<line
x1="17"
y1="17"
x2="22"
y2="17"
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
/>
<line
x1="17"
y1="7"
x2="22"
y2="7"
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
/>
</svg>
);
};
Film.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
};
Film.defaultProps = {
color: 'currentColor',
size: '24',
};
export default Film;