<template>
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M15 11.75C14.59 11.75 14.25 11.41 14.25 11V10C14.25 8.54 13.89 7.75 12 7.75C10.11 7.75 9.75 8.54 9.75 10V11C9.75 11.41 9.41 11.75 9 11.75C8.59 11.75 8.25 11.41 8.25 11V10C8.25 9.07 8.25 6.25 12 6.25C15.75 6.25 15.75 9.07 15.75 10V11C15.75 11.41 15.41 11.75 15 11.75Z"
      :fill="color"
    />
    <path
      d="M12.0004 15.3499C11.2604 15.3499 10.6504 14.7399 10.6504 13.9999C10.6504 13.2599 11.2604 12.6499 12.0004 12.6499C12.7404 12.6499 13.3503 13.2599 13.3503 13.9999C13.3503 14.7399 12.7404 15.3499 12.0004 15.3499ZM12.0004 13.8499C11.9204 13.8499 11.8503 13.9199 11.8503 13.9999C11.8503 14.1699 12.1504 14.1699 12.1504 13.9999C12.1504 13.9199 12.0804 13.8499 12.0004 13.8499Z"
      :fill="color"
    />
    <path
      d="M14.5 17.75H9.5C7.1 17.75 6.25 16.9 6.25 14.5V13.5C6.25 11.1 7.1 10.25 9.5 10.25H14.5C16.9 10.25 17.75 11.1 17.75 13.5V14.5C17.75 16.9 16.9 17.75 14.5 17.75ZM9.5 11.75C7.91 11.75 7.75 11.91 7.75 13.5V14.5C7.75 16.09 7.91 16.25 9.5 16.25H14.5C16.09 16.25 16.25 16.09 16.25 14.5V13.5C16.25 11.91 16.09 11.75 14.5 11.75H9.5Z"
      :fill="color"
    />
    <path
      d="M12 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 6.07 6.07 1.25 12 1.25C17.93 1.25 22.75 6.07 22.75 12C22.75 17.93 17.93 22.75 12 22.75ZM12 2.75C6.9 2.75 2.75 6.9 2.75 12C2.75 17.1 6.9 21.25 12 21.25C17.1 21.25 21.25 17.1 21.25 12C21.25 6.9 17.1 2.75 12 2.75Z"
      :fill="color"
    />
  </svg>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      default: "lock circle",
    },
    color: {
      type: String,
      default: "#292D32",
    },
  },
};
</script>