book image icon

1 other variant in Myna UI Icons

The same icon in other sets

Related icons in Myna UI Icons

Use the book image icon

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10.5 6.75a1.25 1.25 0 1 1 0 2.5a1.25 1.25 0 0 1 0-2.5"/><path d="M19.4 17.91c.278-.433.35-.966.35-1.51V4.6c0-.616-.086-1.28-.547-1.757c-.467-.484-1.136-.593-1.802-.593H8.148c-.524 0-.963 0-1.323.03a3 3 0 0 0-.946.21l-.128.06c-.82.417-1.205 1.089-1.371 1.78c-.136.565-.133 1.187-.13 1.685V20.25a1.5 1.5 0 0 0 1.5 1.5h10.652c.617 0 1.28-.087 1.756-.548c.483-.467.592-1.136.592-1.802v-.91a1.66 1.66 0 0 0 .65-.58M5.75 12.752c2.103-.068 3.962.971 5.081 2.58a10.5 10.5 0 0 0-.474 1.917H7.25c-.547 0-1.058.149-1.5.404zm6.125 4.497c.605-3.407 3.085-6.09 6.375-7.14v6.29c0 .452-.07.63-.111.695c-.011.017-.035.055-.137.089l-.136.033a3 3 0 0 1-.464.033zM13.25 8a2.75 2.75 0 1 1-5.5 0a2.75 2.75 0 0 1 5.5 0"/></g></svg>

import type { SVGProps } from "react";

export function MynauiBookImageSolid(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10.5 6.75a1.25 1.25 0 1 1 0 2.5a1.25 1.25 0 0 1 0-2.5"/><path d="M19.4 17.91c.278-.433.35-.966.35-1.51V4.6c0-.616-.086-1.28-.547-1.757c-.467-.484-1.136-.593-1.802-.593H8.148c-.524 0-.963 0-1.323.03a3 3 0 0 0-.946.21l-.128.06c-.82.417-1.205 1.089-1.371 1.78c-.136.565-.133 1.187-.13 1.685V20.25a1.5 1.5 0 0 0 1.5 1.5h10.652c.617 0 1.28-.087 1.756-.548c.483-.467.592-1.136.592-1.802v-.91a1.66 1.66 0 0 0 .65-.58M5.75 12.752c2.103-.068 3.962.971 5.081 2.58a10.5 10.5 0 0 0-.474 1.917H7.25c-.547 0-1.058.149-1.5.404zm6.125 4.497c.605-3.407 3.085-6.09 6.375-7.14v6.29c0 .452-.07.63-.111.695c-.011.017-.035.055-.137.089l-.136.033a3 3 0 0 1-.464.033zM13.25 8a2.75 2.75 0 1 1-5.5 0a2.75 2.75 0 0 1 5.5 0"/></g></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10.5 6.75a1.25 1.25 0 1 1 0 2.5a1.25 1.25 0 0 1 0-2.5"/><path d="M19.4 17.91c.278-.433.35-.966.35-1.51V4.6c0-.616-.086-1.28-.547-1.757c-.467-.484-1.136-.593-1.802-.593H8.148c-.524 0-.963 0-1.323.03a3 3 0 0 0-.946.21l-.128.06c-.82.417-1.205 1.089-1.371 1.78c-.136.565-.133 1.187-.13 1.685V20.25a1.5 1.5 0 0 0 1.5 1.5h10.652c.617 0 1.28-.087 1.756-.548c.483-.467.592-1.136.592-1.802v-.91a1.66 1.66 0 0 0 .65-.58M5.75 12.752c2.103-.068 3.962.971 5.081 2.58a10.5 10.5 0 0 0-.474 1.917H7.25c-.547 0-1.058.149-1.5.404zm6.125 4.497c.605-3.407 3.085-6.09 6.375-7.14v6.29c0 .452-.07.63-.111.695c-.011.017-.035.055-.137.089l-.136.033a3 3 0 0 1-.464.033zM13.25 8a2.75 2.75 0 1 1-5.5 0a2.75 2.75 0 0 1 5.5 0"/></g></svg>
</template>

.icon-book-image-solid {
  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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M10.5%206.75a1.25%201.25%200%201%201%200%202.5a1.25%201.25%200%200%201%200-2.5%22%2F%3E%3Cpath%20d%3D%22M19.4%2017.91c.278-.433.35-.966.35-1.51V4.6c0-.616-.086-1.28-.547-1.757c-.467-.484-1.136-.593-1.802-.593H8.148c-.524%200-.963%200-1.323.03a3%203%200%200%200-.946.21l-.128.06c-.82.417-1.205%201.089-1.371%201.78c-.136.565-.133%201.187-.13%201.685V20.25a1.5%201.5%200%200%200%201.5%201.5h10.652c.617%200%201.28-.087%201.756-.548c.483-.467.592-1.136.592-1.802v-.91a1.66%201.66%200%200%200%20.65-.58M5.75%2012.752c2.103-.068%203.962.971%205.081%202.58a10.5%2010.5%200%200%200-.474%201.917H7.25c-.547%200-1.058.149-1.5.404zm6.125%204.497c.605-3.407%203.085-6.09%206.375-7.14v6.29c0%20.452-.07.63-.111.695c-.011.017-.035.055-.137.089l-.136.033a3%203%200%200%201-.464.033zM13.25%208a2.75%202.75%200%201%201-5.5%200a2.75%202.75%200%200%201%205.5%200%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M10.5%206.75a1.25%201.25%200%201%201%200%202.5a1.25%201.25%200%200%201%200-2.5%22%2F%3E%3Cpath%20d%3D%22M19.4%2017.91c.278-.433.35-.966.35-1.51V4.6c0-.616-.086-1.28-.547-1.757c-.467-.484-1.136-.593-1.802-.593H8.148c-.524%200-.963%200-1.323.03a3%203%200%200%200-.946.21l-.128.06c-.82.417-1.205%201.089-1.371%201.78c-.136.565-.133%201.187-.13%201.685V20.25a1.5%201.5%200%200%200%201.5%201.5h10.652c.617%200%201.28-.087%201.756-.548c.483-.467.592-1.136.592-1.802v-.91a1.66%201.66%200%200%200%20.65-.58M5.75%2012.752c2.103-.068%203.962.971%205.081%202.58a10.5%2010.5%200%200%200-.474%201.917H7.25c-.547%200-1.058.149-1.5.404zm6.125%204.497c.605-3.407%203.085-6.09%206.375-7.14v6.29c0%20.452-.07.63-.111.695c-.011.017-.035.055-.137.089l-.136.033a3%203%200%200%201-.464.033zM13.25%208a2.75%202.75%200%201%201-5.5%200a2.75%202.75%200%200%201%205.5%200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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