book question mark rtl icon

book-question-mark-rtl-24-filled from Fluent UI System Icons by Microsoft Corporation · 24 Filled · MIT Free for personal and commercial use.

Name
book-question-mark-rtl-24-filled
Set
Fluent UI System Icons
Style
24 Filled
Viewbox
24×24
License
MIT

3 other variants in Fluent UI System Icons

Related icons in Fluent UI System Icons

Use the book question mark rtl icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 4.5v15A2.5 2.5 0 0 0 6.5 22h13.25a.75.75 0 0 0 0-1.5H6.5a1 1 0 0 1-1-1h14.25a.75.75 0 0 0 .75-.75V4.5A2.5 2.5 0 0 0 18 2H6.5A2.5 2.5 0 0 0 4 4.5m10.5 4.25a.75.75 0 0 1-.75-.733v-.005a.7.7 0 0 0-.134-.33c-.109-.147-.418-.449-1.353-.432c-.55.01-.957.236-1.179.511a.92.92 0 0 0-.138.96c.117.292.375.44.917.68l.038.016c.221.098.536.236.786.436c.311.25.563.624.563 1.147v.75a.75.75 0 1 1-1.5-.001v-.724l-.001-.001c-.08-.064-.214-.128-.492-.251l-.051-.023c-.47-.207-1.29-.566-1.652-1.472a2.42 2.42 0 0 1 .362-2.458c.528-.655 1.371-1.054 2.321-1.07c1.315-.023 2.13.426 2.585 1.039a2.2 2.2 0 0 1 .42 1.067a2 2 0 0 1 .008.134v.008s0 .752-.75.752m-3 5.75a1 1 0 1 1 2 0a1 1 0 0 1-2 0"/></svg>

React

import type { SVGProps } from "react";

export function FluentBookQuestionMarkRtl24Filled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 4.5v15A2.5 2.5 0 0 0 6.5 22h13.25a.75.75 0 0 0 0-1.5H6.5a1 1 0 0 1-1-1h14.25a.75.75 0 0 0 .75-.75V4.5A2.5 2.5 0 0 0 18 2H6.5A2.5 2.5 0 0 0 4 4.5m10.5 4.25a.75.75 0 0 1-.75-.733v-.005a.7.7 0 0 0-.134-.33c-.109-.147-.418-.449-1.353-.432c-.55.01-.957.236-1.179.511a.92.92 0 0 0-.138.96c.117.292.375.44.917.68l.038.016c.221.098.536.236.786.436c.311.25.563.624.563 1.147v.75a.75.75 0 1 1-1.5-.001v-.724l-.001-.001c-.08-.064-.214-.128-.492-.251l-.051-.023c-.47-.207-1.29-.566-1.652-1.472a2.42 2.42 0 0 1 .362-2.458c.528-.655 1.371-1.054 2.321-1.07c1.315-.023 2.13.426 2.585 1.039a2.2 2.2 0 0 1 .42 1.067a2 2 0 0 1 .008.134v.008s0 .752-.75.752m-3 5.75a1 1 0 1 1 2 0a1 1 0 0 1-2 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 4.5v15A2.5 2.5 0 0 0 6.5 22h13.25a.75.75 0 0 0 0-1.5H6.5a1 1 0 0 1-1-1h14.25a.75.75 0 0 0 .75-.75V4.5A2.5 2.5 0 0 0 18 2H6.5A2.5 2.5 0 0 0 4 4.5m10.5 4.25a.75.75 0 0 1-.75-.733v-.005a.7.7 0 0 0-.134-.33c-.109-.147-.418-.449-1.353-.432c-.55.01-.957.236-1.179.511a.92.92 0 0 0-.138.96c.117.292.375.44.917.68l.038.016c.221.098.536.236.786.436c.311.25.563.624.563 1.147v.75a.75.75 0 1 1-1.5-.001v-.724l-.001-.001c-.08-.064-.214-.128-.492-.251l-.051-.023c-.47-.207-1.29-.566-1.652-1.472a2.42 2.42 0 0 1 .362-2.458c.528-.655 1.371-1.054 2.321-1.07c1.315-.023 2.13.426 2.585 1.039a2.2 2.2 0 0 1 .42 1.067a2 2 0 0 1 .008.134v.008s0 .752-.75.752m-3 5.75a1 1 0 1 1 2 0a1 1 0 0 1-2 0"/></svg>
</template>

CSS

.icon-book-question-mark-rtl-24-filled {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%204.5v15A2.5%202.5%200%200%200%206.5%2022h13.25a.75.75%200%200%200%200-1.5H6.5a1%201%200%200%201-1-1h14.25a.75.75%200%200%200%20.75-.75V4.5A2.5%202.5%200%200%200%2018%202H6.5A2.5%202.5%200%200%200%204%204.5m10.5%204.25a.75.75%200%200%201-.75-.733v-.005a.7.7%200%200%200-.134-.33c-.109-.147-.418-.449-1.353-.432c-.55.01-.957.236-1.179.511a.92.92%200%200%200-.138.96c.117.292.375.44.917.68l.038.016c.221.098.536.236.786.436c.311.25.563.624.563%201.147v.75a.75.75%200%201%201-1.5-.001v-.724l-.001-.001c-.08-.064-.214-.128-.492-.251l-.051-.023c-.47-.207-1.29-.566-1.652-1.472a2.42%202.42%200%200%201%20.362-2.458c.528-.655%201.371-1.054%202.321-1.07c1.315-.023%202.13.426%202.585%201.039a2.2%202.2%200%200%201%20.42%201.067a2%202%200%200%201%20.008.134v.008s0%20.752-.75.752m-3%205.75a1%201%200%201%201%202%200a1%201%200%200%201-2%200%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%204.5v15A2.5%202.5%200%200%200%206.5%2022h13.25a.75.75%200%200%200%200-1.5H6.5a1%201%200%200%201-1-1h14.25a.75.75%200%200%200%20.75-.75V4.5A2.5%202.5%200%200%200%2018%202H6.5A2.5%202.5%200%200%200%204%204.5m10.5%204.25a.75.75%200%200%201-.75-.733v-.005a.7.7%200%200%200-.134-.33c-.109-.147-.418-.449-1.353-.432c-.55.01-.957.236-1.179.511a.92.92%200%200%200-.138.96c.117.292.375.44.917.68l.038.016c.221.098.536.236.786.436c.311.25.563.624.563%201.147v.75a.75.75%200%201%201-1.5-.001v-.724l-.001-.001c-.08-.064-.214-.128-.492-.251l-.051-.023c-.47-.207-1.29-.566-1.652-1.472a2.42%202.42%200%200%201%20.362-2.458c.528-.655%201.371-1.054%202.321-1.07c1.315-.023%202.13.426%202.585%201.039a2.2%202.2%200%200%201%20.42%201.067a2%202%200%200%201%20.008.134v.008s0%20.752-.75.752m-3%205.75a1%201%200%201%201%202%200a1%201%200%200%201-2%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/book-question-mark-rtl-24-filled.svg?color=%231a73e8&size=48