immersive reader icon

immersive-reader-48-regular from Fluent UI System Icons by Microsoft Corporation · 48 Regular · MIT Free for personal and commercial use.

Name
immersive-reader-48-regular
Set
Fluent UI System Icons
Style
48 Regular
Viewbox
48×48
License
MIT

12 other variants in Fluent UI System Icons

immersive-reader-16-filledimmersive-reader-16-regularimmersive-reader-20-filledimmersive-reader-20-regularimmersive-reader-24-filledimmersive-reader-24-regularimmersive-reader-28-filledimmersive-reader-28-regularimmersive-reader-32-filledimmersive-reader-32-lightimmersive-reader-32-regularimmersive-reader-48-filled

Use the immersive reader icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M39.612 26.37a1.25 1.25 0 0 1 1.768-.008C43.613 28.576 45 31.628 45 35s-1.386 6.425-3.62 8.639a1.25 1.25 0 0 1-1.76-1.776c1.785-1.769 2.88-4.192 2.88-6.863c0-2.67-1.095-5.093-2.88-6.862a1.25 1.25 0 0 1-.008-1.768m-9.247 2.153c.909-1.052 2.635-.41 2.635.98v10.991c0 1.39-1.726 2.032-2.635.982L27.361 38H24.5a1.5 1.5 0 0 1-1.5-1.5v-3a1.5 1.5 0 0 1 1.5-1.5h2.858zm5.171.931a1.25 1.25 0 0 1 1.76-.168A7.4 7.4 0 0 1 40 35.002a7.4 7.4 0 0 1-2.704 5.717a1.25 1.25 0 0 1-1.592-1.929a4.9 4.9 0 0 0 1.796-3.788c0-1.518-.694-2.88-1.796-3.788a1.25 1.25 0 0 1-.168-1.76M19 8a6.24 6.24 0 0 1 5 2.499A6.24 6.24 0 0 1 29 8h11.75A3.25 3.25 0 0 1 44 11.25v15.057q-.563-.721-1.212-1.366a3.24 3.24 0 0 0-1.288-.784V11.25a.75.75 0 0 0-.75-.75H29a3.75 3.75 0 0 0-3.75 3.75V30h-.75c-.638 0-1.235.17-1.75.469V14.25A3.75 3.75 0 0 0 19 10.5H7.25a.75.75 0 0 0-.75.75v25.5c0 .414.336.75.75.75H19c.746 0 1.44-.22 2.024-.595c.102.882.53 1.664 1.162 2.221A6.2 6.2 0 0 1 19 40H7.25A3.25 3.25 0 0 1 4 36.75v-25.5A3.25 3.25 0 0 1 7.25 8z"/></svg>

React

import type { SVGProps } from "react";

export function FluentImmersiveReader48Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M39.612 26.37a1.25 1.25 0 0 1 1.768-.008C43.613 28.576 45 31.628 45 35s-1.386 6.425-3.62 8.639a1.25 1.25 0 0 1-1.76-1.776c1.785-1.769 2.88-4.192 2.88-6.863c0-2.67-1.095-5.093-2.88-6.862a1.25 1.25 0 0 1-.008-1.768m-9.247 2.153c.909-1.052 2.635-.41 2.635.98v10.991c0 1.39-1.726 2.032-2.635.982L27.361 38H24.5a1.5 1.5 0 0 1-1.5-1.5v-3a1.5 1.5 0 0 1 1.5-1.5h2.858zm5.171.931a1.25 1.25 0 0 1 1.76-.168A7.4 7.4 0 0 1 40 35.002a7.4 7.4 0 0 1-2.704 5.717a1.25 1.25 0 0 1-1.592-1.929a4.9 4.9 0 0 0 1.796-3.788c0-1.518-.694-2.88-1.796-3.788a1.25 1.25 0 0 1-.168-1.76M19 8a6.24 6.24 0 0 1 5 2.499A6.24 6.24 0 0 1 29 8h11.75A3.25 3.25 0 0 1 44 11.25v15.057q-.563-.721-1.212-1.366a3.24 3.24 0 0 0-1.288-.784V11.25a.75.75 0 0 0-.75-.75H29a3.75 3.75 0 0 0-3.75 3.75V30h-.75c-.638 0-1.235.17-1.75.469V14.25A3.75 3.75 0 0 0 19 10.5H7.25a.75.75 0 0 0-.75.75v25.5c0 .414.336.75.75.75H19c.746 0 1.44-.22 2.024-.595c.102.882.53 1.664 1.162 2.221A6.2 6.2 0 0 1 19 40H7.25A3.25 3.25 0 0 1 4 36.75v-25.5A3.25 3.25 0 0 1 7.25 8z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M39.612 26.37a1.25 1.25 0 0 1 1.768-.008C43.613 28.576 45 31.628 45 35s-1.386 6.425-3.62 8.639a1.25 1.25 0 0 1-1.76-1.776c1.785-1.769 2.88-4.192 2.88-6.863c0-2.67-1.095-5.093-2.88-6.862a1.25 1.25 0 0 1-.008-1.768m-9.247 2.153c.909-1.052 2.635-.41 2.635.98v10.991c0 1.39-1.726 2.032-2.635.982L27.361 38H24.5a1.5 1.5 0 0 1-1.5-1.5v-3a1.5 1.5 0 0 1 1.5-1.5h2.858zm5.171.931a1.25 1.25 0 0 1 1.76-.168A7.4 7.4 0 0 1 40 35.002a7.4 7.4 0 0 1-2.704 5.717a1.25 1.25 0 0 1-1.592-1.929a4.9 4.9 0 0 0 1.796-3.788c0-1.518-.694-2.88-1.796-3.788a1.25 1.25 0 0 1-.168-1.76M19 8a6.24 6.24 0 0 1 5 2.499A6.24 6.24 0 0 1 29 8h11.75A3.25 3.25 0 0 1 44 11.25v15.057q-.563-.721-1.212-1.366a3.24 3.24 0 0 0-1.288-.784V11.25a.75.75 0 0 0-.75-.75H29a3.75 3.75 0 0 0-3.75 3.75V30h-.75c-.638 0-1.235.17-1.75.469V14.25A3.75 3.75 0 0 0 19 10.5H7.25a.75.75 0 0 0-.75.75v25.5c0 .414.336.75.75.75H19c.746 0 1.44-.22 2.024-.595c.102.882.53 1.664 1.162 2.221A6.2 6.2 0 0 1 19 40H7.25A3.25 3.25 0 0 1 4 36.75v-25.5A3.25 3.25 0 0 1 7.25 8z"/></svg>
</template>

CSS

.icon-immersive-reader-48-regular {
  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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M39.612%2026.37a1.25%201.25%200%200%201%201.768-.008C43.613%2028.576%2045%2031.628%2045%2035s-1.386%206.425-3.62%208.639a1.25%201.25%200%200%201-1.76-1.776c1.785-1.769%202.88-4.192%202.88-6.863c0-2.67-1.095-5.093-2.88-6.862a1.25%201.25%200%200%201-.008-1.768m-9.247%202.153c.909-1.052%202.635-.41%202.635.98v10.991c0%201.39-1.726%202.032-2.635.982L27.361%2038H24.5a1.5%201.5%200%200%201-1.5-1.5v-3a1.5%201.5%200%200%201%201.5-1.5h2.858zm5.171.931a1.25%201.25%200%200%201%201.76-.168A7.4%207.4%200%200%201%2040%2035.002a7.4%207.4%200%200%201-2.704%205.717a1.25%201.25%200%200%201-1.592-1.929a4.9%204.9%200%200%200%201.796-3.788c0-1.518-.694-2.88-1.796-3.788a1.25%201.25%200%200%201-.168-1.76M19%208a6.24%206.24%200%200%201%205%202.499A6.24%206.24%200%200%201%2029%208h11.75A3.25%203.25%200%200%201%2044%2011.25v15.057q-.563-.721-1.212-1.366a3.24%203.24%200%200%200-1.288-.784V11.25a.75.75%200%200%200-.75-.75H29a3.75%203.75%200%200%200-3.75%203.75V30h-.75c-.638%200-1.235.17-1.75.469V14.25A3.75%203.75%200%200%200%2019%2010.5H7.25a.75.75%200%200%200-.75.75v25.5c0%20.414.336.75.75.75H19c.746%200%201.44-.22%202.024-.595c.102.882.53%201.664%201.162%202.221A6.2%206.2%200%200%201%2019%2040H7.25A3.25%203.25%200%200%201%204%2036.75v-25.5A3.25%203.25%200%200%201%207.25%208z%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M39.612%2026.37a1.25%201.25%200%200%201%201.768-.008C43.613%2028.576%2045%2031.628%2045%2035s-1.386%206.425-3.62%208.639a1.25%201.25%200%200%201-1.76-1.776c1.785-1.769%202.88-4.192%202.88-6.863c0-2.67-1.095-5.093-2.88-6.862a1.25%201.25%200%200%201-.008-1.768m-9.247%202.153c.909-1.052%202.635-.41%202.635.98v10.991c0%201.39-1.726%202.032-2.635.982L27.361%2038H24.5a1.5%201.5%200%200%201-1.5-1.5v-3a1.5%201.5%200%200%201%201.5-1.5h2.858zm5.171.931a1.25%201.25%200%200%201%201.76-.168A7.4%207.4%200%200%201%2040%2035.002a7.4%207.4%200%200%201-2.704%205.717a1.25%201.25%200%200%201-1.592-1.929a4.9%204.9%200%200%200%201.796-3.788c0-1.518-.694-2.88-1.796-3.788a1.25%201.25%200%200%201-.168-1.76M19%208a6.24%206.24%200%200%201%205%202.499A6.24%206.24%200%200%201%2029%208h11.75A3.25%203.25%200%200%201%2044%2011.25v15.057q-.563-.721-1.212-1.366a3.24%203.24%200%200%200-1.288-.784V11.25a.75.75%200%200%200-.75-.75H29a3.75%203.75%200%200%200-3.75%203.75V30h-.75c-.638%200-1.235.17-1.75.469V14.25A3.75%203.75%200%200%200%2019%2010.5H7.25a.75.75%200%200%200-.75.75v25.5c0%20.414.336.75.75.75H19c.746%200%201.44-.22%202.024-.595c.102.882.53%201.664%201.162%202.221A6.2%206.2%200%200%201%2019%2040H7.25A3.25%203.25%200%200%201%204%2036.75v-25.5A3.25%203.25%200%200%201%207.25%208z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/immersive-reader-48-regular.svg?color=%231a73e8&size=48