{"size": 898, "ext": "js", "max_stars_repo_path": "packages/icons/src/icons/save-bookmark.js", "max_stars_repo_name": "newsuk/times-components", "max_stars_repo_stars_event_min_datetime": "2017-06-25T18:58:43.000Z", "max_stars_repo_stars_event_max_datetime": "2022-03-21T22:15:02.000Z", "max_issues_repo_path": "packages/icons/src/icons/save-bookmark.js", "max_issues_repo_name": "irasanchez/times-components", "max_issues_repo_issues_event_min_datetime": "2017-06-09T11:08:41.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-02T14:07:07.000Z", "max_forks_repo_path": "packages/icons/src/icons/save-bookmark.js", "max_forks_repo_name": "irasanchez/times-components", "max_forks_repo_forks_event_min_datetime": "2017-07-25T17:43:00.000Z", "max_forks_repo_forks_event_max_datetime": "2022-03-25T13:43:18.000Z"}
{"max_stars_count": 263, "max_issues_count": 1434, "max_forks_count": 50, "avg_line_length": 19.9555555556, "max_line_length": 68, "alphanum_fraction": 0.6202672606}
import React from "react";
import { colours } from "@times-components/styleguide";
import Svg, { Path } from "@times-components/svgs";
import { clean } from "@times-components/utils";
import propTypes from "./prop-types";

const IconSaveBookmark = ({
  fillColour,
  height,
  opacity,
  strokeColour,
  title = "Save to My Articles",
  width
}) => (
  <Svg
    aria-label="icon-save-bookmark"
    role="img"
    viewBox="0 0 12 16"
    {...clean({
      height,
      title,
      width: width || height
    })}
  >
    <Path
      {...clean({
        fill: fillColour,
        opacity,
        stroke: strokeColour
      })}
      d="M1 0h10a1 1 0 0 1 1 1v15l-5.98-4.466L0 16V1a1 1 0 0 1 1-1z"
    />
  </Svg>
);

IconSaveBookmark.propTypes = propTypes;

IconSaveBookmark.defaultProps = {
  fillColour: colours.functional.secondary,
  height: 16,
  width: 12
};

export default IconSaveBookmark;
