text icon
text-bold-duotone from Solar by 480 Design · Bold Duotone · CC-BY-4.0 Attribution required.
- Name
- text-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Viewbox
- 24×24
- License
- CC BY 4.0
1 other variant in Solar
The same icon in other sets
textBoxIcons v2textCatppuccin Iconstext-fillEva Iconstext-12-filledFluent UI System IconstextHuge IconstextHumbleiconstextIconParktextIconPark OutlinetextIconPark SolidtextIconPark TwoTonetextIconoirtextIonIconstextJam IconstextLucidetextMajesticonstextMaterial Design Iconstext-fillMingCute IcontextRadix IconstextRemix IcontextTDesign Iconstext-outlineTeenyiconstextUniconstext-outlinedWeUI Icon
Related icons in Solar
text-bold-boldtext-bold-circle-boldtext-bold-square-boldtext-circle-boldtext-cross-boldtext-cross-circle-boldtext-cross-square-boldtext-field-boldtext-field-focus-boldtext-format-boldtext-italic-boldtext-italic-circle-boldtext-italic-square-boldtext-selection-boldtext-square-2-boldtext-square-boldtext-underline-boldtext-underline-circle-boldtext-underline-cross-bold
Use the text icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8 2h-.066c-.886 0-1.65 0-2.262.082c-.655.088-1.284.287-1.793.797c-.51.51-.709 1.138-.797 1.793C3 5.284 3 6.048 3 6.934V7.95a1 1 0 1 0 2 0V7c0-.971.002-1.599.064-2.061c.059-.434.153-.57.229-.646s.212-.17.646-.229C6.4 4.002 7.029 4 8 4h8c.971 0 1.599.002 2.061.064c.434.059.57.153.646.229s.17.212.229.646C18.998 5.4 19 6.029 19 7v.95a1 1 0 1 0 2 0V6.934c0-.886 0-1.65-.082-2.262c-.088-.655-.287-1.284-.797-1.793c-.51-.51-1.138-.709-1.793-.797C17.716 2 16.952 2 16.066 2z" clip-rule="evenodd"/><path fill="currentColor" d="M13 4h-2v16h2z" opacity=".5"/><path fill="currentColor" fill-rule="evenodd" d="M6 21a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function SolarTextBoldDuotone(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" fillRule="evenodd" d="M8 2h-.066c-.886 0-1.65 0-2.262.082c-.655.088-1.284.287-1.793.797c-.51.51-.709 1.138-.797 1.793C3 5.284 3 6.048 3 6.934V7.95a1 1 0 1 0 2 0V7c0-.971.002-1.599.064-2.061c.059-.434.153-.57.229-.646s.212-.17.646-.229C6.4 4.002 7.029 4 8 4h8c.971 0 1.599.002 2.061.064c.434.059.57.153.646.229s.17.212.229.646C18.998 5.4 19 6.029 19 7v.95a1 1 0 1 0 2 0V6.934c0-.886 0-1.65-.082-2.262c-.088-.655-.287-1.284-.797-1.793c-.51-.51-1.138-.709-1.793-.797C17.716 2 16.952 2 16.066 2z" clipRule="evenodd"/><path fill="currentColor" d="M13 4h-2v16h2z" opacity=".5"/><path fill="currentColor" fillRule="evenodd" d="M6 21a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8 2h-.066c-.886 0-1.65 0-2.262.082c-.655.088-1.284.287-1.793.797c-.51.51-.709 1.138-.797 1.793C3 5.284 3 6.048 3 6.934V7.95a1 1 0 1 0 2 0V7c0-.971.002-1.599.064-2.061c.059-.434.153-.57.229-.646s.212-.17.646-.229C6.4 4.002 7.029 4 8 4h8c.971 0 1.599.002 2.061.064c.434.059.57.153.646.229s.17.212.229.646C18.998 5.4 19 6.029 19 7v.95a1 1 0 1 0 2 0V6.934c0-.886 0-1.65-.082-2.262c-.088-.655-.287-1.284-.797-1.793c-.51-.51-1.138-.709-1.793-.797C17.716 2 16.952 2 16.066 2z" clip-rule="evenodd"/><path fill="currentColor" d="M13 4h-2v16h2z" opacity=".5"/><path fill="currentColor" fill-rule="evenodd" d="M6 21a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1" clip-rule="evenodd"/></svg> </template>
CSS
.icon-text-bold-duotone {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M8%202h-.066c-.886%200-1.65%200-2.262.082c-.655.088-1.284.287-1.793.797c-.51.51-.709%201.138-.797%201.793C3%205.284%203%206.048%203%206.934V7.95a1%201%200%201%200%202%200V7c0-.971.002-1.599.064-2.061c.059-.434.153-.57.229-.646s.212-.17.646-.229C6.4%204.002%207.029%204%208%204h8c.971%200%201.599.002%202.061.064c.434.059.57.153.646.229s.17.212.229.646C18.998%205.4%2019%206.029%2019%207v.95a1%201%200%201%200%202%200V6.934c0-.886%200-1.65-.082-2.262c-.088-.655-.287-1.284-.797-1.793c-.51-.51-1.138-.709-1.793-.797C17.716%202%2016.952%202%2016.066%202z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13%204h-2v16h2z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6%2021a1%201%200%200%201%201-1h10a1%201%200%201%201%200%202H7a1%201%200%200%201-1-1%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M8%202h-.066c-.886%200-1.65%200-2.262.082c-.655.088-1.284.287-1.793.797c-.51.51-.709%201.138-.797%201.793C3%205.284%203%206.048%203%206.934V7.95a1%201%200%201%200%202%200V7c0-.971.002-1.599.064-2.061c.059-.434.153-.57.229-.646s.212-.17.646-.229C6.4%204.002%207.029%204%208%204h8c.971%200%201.599.002%202.061.064c.434.059.57.153.646.229s.17.212.229.646C18.998%205.4%2019%206.029%2019%207v.95a1%201%200%201%200%202%200V6.934c0-.886%200-1.65-.082-2.262c-.088-.655-.287-1.284-.797-1.793c-.51-.51-1.138-.709-1.793-.797C17.716%202%2016.952%202%2016.066%202z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13%204h-2v16h2z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6%2021a1%201%200%200%201%201-1h10a1%201%200%201%201%200%202H7a1%201%200%200%201-1-1%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/text-bold-duotone.svg?color=%231a73e8&size=48
