Book Theta icon

Used in general book scenarios and in formulas. The Book Theta icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 2 sizes from 20 to 24 px. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Regular (outlined)

SVG

Filled

SVG

Every size and style

Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.

Regular, 24 px

ic_fluent_book_theta_24_regular.svg

Book Theta icon in React

npm install @fluentui/react-icons

import { BookTheta24Regular } from "@fluentui/react-icons";

export function Example() {
  return <BookTheta24Regular aria-label="Book Theta" />;
}

Book Theta icon in SVG

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/book_theta_24_regular.svg";

<!-- or load it from a CDN -->
<img src="https://cdn.jsdelivr.net/npm/@fluentui/svg-icons@1.1.341/icons/book_theta_24_regular.svg" width="24" height="24" alt="Book Theta">

Book Theta icon in Blazor

Microsoft's Fluent UI Blazor icons package:

dotnet add package Microsoft.FluentUI.AspNetCore.Components.Icons

<FluentIcon Value="@(new Icons.Regular.Size24.BookTheta())" />

Book Theta icon in Flutter

flutter pub add fluentui_system_icons

import 'package:fluentui_system_icons/fluentui_system_icons.dart';

Icon(FluentIcons.book_theta_24_regular)

Book Theta icon in WinUI / WPF

Add FluentSystemIcons-Regular.ttf from Microsoft's repository to your app, then use the glyph:

<!-- WinUI 3 (font in Assets/Fonts) -->
<FontIcon FontFamily="ms-appx:///Assets/Fonts/FluentSystemIcons-Regular.ttf#FluentSystemIcons-Regular" Glyph="&#xE18F;" FontSize="24" />

<!-- WPF (font in Fonts/, Build Action: Resource) -->
<TextBlock FontFamily="pack://application:,,,/Fonts/#FluentSystemIcons-Regular" Text="&#xE18F;" FontSize="24" />

Book Theta icon in Icon font

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/microsoft/fluentui-system-icons@9cf8af0f95a555918a60b8147a2f33a6a1248442/fonts/FluentSystemIcons-Regular.css">

<i class="icon-ic_fluent_book_theta_24_regular"></i>

/* or use the code point in your own CSS */
.icon::before {
  font-family: "FluentSystemIcons-Regular";
  content: "\e18f";
  font-size: 24px;
}

Book Theta icon in Android

// build.gradle
implementation("com.microsoft.design:fluent-system-icons:1.1.341@aar")

<!-- layout XML -->
<ImageView android:src="@drawable/ic_fluent_book_theta_24_regular" />

// Kotlin
R.drawable.ic_fluent_book_theta_24_regular

Book Theta icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .bookTheta24Regular)

Book Theta icon in Power Apps

Paste into an Image control's Image property. The Copy button copies the full formula with this icon's SVG.

"data:image/svg+xml;utf8, " & EncodeUrl("<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>…</svg>")

Use the Book Theta icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { BookTheta24Regular, BookTheta24Filled } from "@fluentui/react-icons";

export function Example() {
  return <BookTheta24Regular aria-label="Book Theta" />;
}

Coding agents can look up this component through the Fluent Icons MCP server.

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_book_theta_24_regular.svg" width="24" height="24" alt="Book Theta">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5 16.5C14.7091 16.5 16.5 14.0376 16.5 11C16.5 7.96243 14.7091 5.5 12.5 5.5C10.2909 5.5 8.5 7.96243 8.5 11C8.5 14.0376 10.2909 16.5 12.5 16.5ZM14.1153 14.0068C13.5961 14.7207 13.0064 15 12.5 15C11.9936 15 11.4039 14.7207 10.8847 14.0068C10.5127 13.4954 10.2189 12.8058 10.0827 12H14.9173C14.7811 12.8058 14.4873 13.4954 14.1153 14.0068ZM14.1153 7.99317C14.5621 8.60751 14.8962 9.479 14.9797 10.5H10.0203C10.1038 9.479 10.4379 8.60751 10.8847 7.99317C11.4039 7.27928 11.9936 7 12.5 7C13.0064 7 13.5961 7.27928 14.1153 7.99317ZM6.5 2C5.11929 2 4 3.11929 4 4.5V19.5C4 20.8807 5.11929 22 6.5 22H19.75C20.1642 22 20.5 21.6642 20.5 21.25C20.5 20.8358 20.1642 20.5 19.75 20.5H6.5C5.94772 20.5 5.5 20.0523 5.5 19.5H19.75C20.1642 19.5 20.5 19.1642 20.5 18.75V4.5C20.5 3.11929 19.3807 2 18 2H6.5ZM19 18H5.5V4.5C5.5 3.94772 5.94772 3.5 6.5 3.5H18C18.5523 3.5 19 3.94772 19 4.5V18Z" fill="currentColor"/></svg>

Details

NameBook Theta
StylesRegular (outlined), Filled
Sizes20 px, 24 px
Regular (outlined) fileic_fluent_book_theta_24_regular.svg
Filled fileic_fluent_book_theta_24_filled.svg
React (Regular)BookTheta20Regular, BookTheta24Regular
React (Filled)BookTheta20Filled, BookTheta24Filled
LicenseMIT (© Microsoft Corporation)

Keywords

readformulas

Related icons