@scaleflex/icons
Version:
SVG icons as React components
52 lines • 3.84 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
var _excluded = ["color", "size"];
import React from 'react';
import { intrinsicComponent } from './utils/functions';
export var Visibility = intrinsicComponent(function (_ref, ref) {
var _ref$color = _ref.color,
color = _ref$color === void 0 ? 'currentColor' : _ref$color,
_ref$size = _ref.size,
size = _ref$size === void 0 ? 14 : _ref$size,
rest = _objectWithoutProperties(_ref, _excluded);
return /*#__PURE__*/React.createElement("svg", _extends({
"data-icon-name": "Visibility",
ref: ref,
width: size,
height: size,
viewBox: "0 0 50 50",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, rest), /*#__PURE__*/React.createElement("path", {
d: "M17.5663 1.14583C12.2538 2.91667 7.77467 6.35417 4.64967 10.8333H12.983C14.1288 6.875 15.6913 3.54167 17.5663 1.14583Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M24.233 0C23.2955 0 22.4622 0.104167 21.5247 0.3125C19.0247 2.1875 16.733 5.9375 15.2747 10.9375H24.233V0Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M45.8997 10.8333C42.7747 6.35417 38.2955 2.91667 32.983 1.14583C34.858 3.54167 36.4205 6.875 37.5663 10.8333H45.8997Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M29.0247 0.3125C28.1913 0.104167 27.2538 0 26.3163 0V10.8333H35.2747C33.8163 5.9375 31.5247 2.1875 29.0247 0.3125Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M4.64967 39.1667C7.77467 43.6458 12.2538 47.0833 17.5663 48.8542C15.6913 46.4583 14.1288 43.125 12.983 39.1667H4.64967Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M33.3996 18.0208C34.1288 18.75 34.1288 20 33.3996 20.7292C32.6705 21.4583 31.4205 21.4583 30.6913 20.7292C29.9621 20 29.9621 18.75 30.6913 18.0208C31.4205 17.2917 32.5663 17.2917 33.3996 18.0208Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M41.6288 25C41.6288 24.375 42.1497 23.9583 42.6705 23.9583H50.2747C50.0663 20 49.0247 16.3542 47.2538 13.0208H3.29549C1.52466 16.25 0.482992 20 0.274658 23.9583H7.87882C8.50382 23.9583 8.92049 24.4792 8.92049 25C8.92049 25.625 8.39966 26.1458 7.87882 26.1458H0.274658C0.482992 30.1042 1.52466 33.75 3.29549 37.0833H47.2538C49.0247 33.8542 50.0663 30.1042 50.2747 26.1458H42.6705C42.1497 26.0417 41.6288 25.625 41.6288 25ZM35.1705 26.0417C33.2955 27.9167 30.5872 28.5417 28.0872 27.7083L26.4205 29.2708C26.3163 29.375 26.108 29.4792 26.0038 29.4792H24.858V30.625C24.858 30.8333 24.7538 30.9375 24.6497 31.1458C24.5455 31.25 24.3372 31.3542 24.1288 31.3542L23.1913 31.25L23.0872 32.6042C23.0872 32.9167 22.7747 33.125 22.4622 33.125L21.108 33.2292L21.2122 34.1667C21.2122 34.375 21.2122 34.5833 21.0038 34.6875L20.0663 35.625C19.9622 35.7292 19.7538 35.8333 19.6497 35.8333H16.0038C15.6913 35.8333 15.3788 35.5208 15.3788 35.2083V31.5625C15.3788 31.3542 15.483 31.25 15.5872 31.1458L23.3997 23.3333C22.5663 20.8333 23.1913 18.125 25.0663 16.25C27.7747 13.5417 32.2538 13.5417 34.9622 16.25C37.8788 18.9583 37.8788 23.3333 35.1705 26.0417Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M32.983 48.8542C38.2955 47.0833 42.7747 43.6458 45.8997 39.1667H37.5663C36.4205 43.125 34.858 46.4583 32.983 48.8542Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M26.3163 50C27.2538 50 28.0872 49.8958 29.0247 49.6875C31.5247 47.8125 33.8163 44.0625 35.2747 39.0625H26.3163V50Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M21.5247 49.6875C22.358 49.7917 23.2955 49.8958 24.233 50V39.1667H15.2747C16.733 44.0625 18.9205 47.8125 21.5247 49.6875Z",
fill: color
}));
});
export default Visibility;