book circle icon

book-circle-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.

Name: book-circle-fill
Set: Framework7 Icons
Style: Fill
Viewbox: 56×56
License: MIT

1 other variant in Framework7 Icons

Use the book circle icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 51.906c13.055 0 23.906-10.851 23.906-23.906c0-13.078-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.922 4.095 28c0 13.055 10.828 23.906 23.906 23.906m-6.07-14.812c-2.391 0-4.149.843-4.922 1.547c-.305.234-.61.398-1.102.398c-.61 0-1.101-.305-1.101-1.148V19.773c.843-1.71 3.539-3.093 6.515-3.093c2.649 0 4.875 1.195 5.719 2.812v19.383c-.117-.023-.75-.398-.961-.516c-.68-.422-1.992-1.265-4.148-1.265m12.117 0c-2.156 0-3.492.82-4.149 1.265c-.234.141-.797.54-.96.563v-19.43c.867-1.617 3.093-2.812 5.695-2.812c2.976 0 5.672 1.383 6.515 3.093v18.118c0 .843-.468 1.148-1.078 1.148c-.492 0-.82-.164-1.101-.398c-.774-.703-2.555-1.547-4.922-1.547"/></svg>

React

import type { SVGProps } from "react";

export function F7BookCircleFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 51.906c13.055 0 23.906-10.851 23.906-23.906c0-13.078-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.922 4.095 28c0 13.055 10.828 23.906 23.906 23.906m-6.07-14.812c-2.391 0-4.149.843-4.922 1.547c-.305.234-.61.398-1.102.398c-.61 0-1.101-.305-1.101-1.148V19.773c.843-1.71 3.539-3.093 6.515-3.093c2.649 0 4.875 1.195 5.719 2.812v19.383c-.117-.023-.75-.398-.961-.516c-.68-.422-1.992-1.265-4.148-1.265m12.117 0c-2.156 0-3.492.82-4.149 1.265c-.234.141-.797.54-.96.563v-19.43c.867-1.617 3.093-2.812 5.695-2.812c2.976 0 5.672 1.383 6.515 3.093v18.118c0 .843-.468 1.148-1.078 1.148c-.492 0-.82-.164-1.101-.398c-.774-.703-2.555-1.547-4.922-1.547"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 51.906c13.055 0 23.906-10.851 23.906-23.906c0-13.078-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.922 4.095 28c0 13.055 10.828 23.906 23.906 23.906m-6.07-14.812c-2.391 0-4.149.843-4.922 1.547c-.305.234-.61.398-1.102.398c-.61 0-1.101-.305-1.101-1.148V19.773c.843-1.71 3.539-3.093 6.515-3.093c2.649 0 4.875 1.195 5.719 2.812v19.383c-.117-.023-.75-.398-.961-.516c-.68-.422-1.992-1.265-4.148-1.265m12.117 0c-2.156 0-3.492.82-4.149 1.265c-.234.141-.797.54-.96.563v-19.43c.867-1.617 3.093-2.812 5.695-2.812c2.976 0 5.672 1.383 6.515 3.093v18.118c0 .843-.468 1.148-1.078 1.148c-.492 0-.82-.164-1.101-.398c-.774-.703-2.555-1.547-4.922-1.547"/></svg>
</template>

CSS

.icon-book-circle-fill {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28%2051.906c13.055%200%2023.906-10.851%2023.906-23.906c0-13.078-10.875-23.906-23.93-23.906C14.899%204.094%204.095%2014.922%204.095%2028c0%2013.055%2010.828%2023.906%2023.906%2023.906m-6.07-14.812c-2.391%200-4.149.843-4.922%201.547c-.305.234-.61.398-1.102.398c-.61%200-1.101-.305-1.101-1.148V19.773c.843-1.71%203.539-3.093%206.515-3.093c2.649%200%204.875%201.195%205.719%202.812v19.383c-.117-.023-.75-.398-.961-.516c-.68-.422-1.992-1.265-4.148-1.265m12.117%200c-2.156%200-3.492.82-4.149%201.265c-.234.141-.797.54-.96.563v-19.43c.867-1.617%203.093-2.812%205.695-2.812c2.976%200%205.672%201.383%206.515%203.093v18.118c0%20.843-.468%201.148-1.078%201.148c-.492%200-.82-.164-1.101-.398c-.774-.703-2.555-1.547-4.922-1.547%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28%2051.906c13.055%200%2023.906-10.851%2023.906-23.906c0-13.078-10.875-23.906-23.93-23.906C14.899%204.094%204.095%2014.922%204.095%2028c0%2013.055%2010.828%2023.906%2023.906%2023.906m-6.07-14.812c-2.391%200-4.149.843-4.922%201.547c-.305.234-.61.398-1.102.398c-.61%200-1.101-.305-1.101-1.148V19.773c.843-1.71%203.539-3.093%206.515-3.093c2.649%200%204.875%201.195%205.719%202.812v19.383c-.117-.023-.75-.398-.961-.516c-.68-.422-1.992-1.265-4.148-1.265m12.117%200c-2.156%200-3.492.82-4.149%201.265c-.234.141-.797.54-.96.563v-19.43c.867-1.617%203.093-2.812%205.695-2.812c2.976%200%205.672%201.383%206.515%203.093v18.118c0%20.843-.468%201.148-1.078%201.148c-.492%200-.82-.164-1.101-.398c-.774-.703-2.555-1.547-4.922-1.547%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/book-circle-fill.svg?color=%231a73e8&size=48