type h3 icon
type-h3 from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- type-h3
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
Related icons in Bootstrap Icons
Use the type h3 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M11.07 8.4h1.049c1.174 0 1.99.69 2.004 1.724s-.802 1.786-2.068 1.779c-1.11-.007-1.905-.605-1.99-1.357h-1.21C8.926 11.91 10.116 13 12.028 13c1.99 0 3.439-1.188 3.404-2.87c-.028-1.553-1.287-2.221-2.096-2.313v-.07c.724-.127 1.814-.935 1.772-2.293c-.035-1.392-1.21-2.468-3.038-2.454c-1.927.007-2.94 1.196-2.981 2.426h1.23c.064-.71.732-1.336 1.744-1.336c1.027 0 1.744.64 1.744 1.568c.007.95-.738 1.639-1.744 1.639h-.991V8.4ZM7.495 13V3.201H6.174v4.15H1.32V3.2H0V13h1.32V8.513h4.854V13z"/></svg>
React
import type { SVGProps } from "react";
export function BiTypeH3(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M11.07 8.4h1.049c1.174 0 1.99.69 2.004 1.724s-.802 1.786-2.068 1.779c-1.11-.007-1.905-.605-1.99-1.357h-1.21C8.926 11.91 10.116 13 12.028 13c1.99 0 3.439-1.188 3.404-2.87c-.028-1.553-1.287-2.221-2.096-2.313v-.07c.724-.127 1.814-.935 1.772-2.293c-.035-1.392-1.21-2.468-3.038-2.454c-1.927.007-2.94 1.196-2.981 2.426h1.23c.064-.71.732-1.336 1.744-1.336c1.027 0 1.744.64 1.744 1.568c.007.95-.738 1.639-1.744 1.639h-.991V8.4ZM7.495 13V3.201H6.174v4.15H1.32V3.2H0V13h1.32V8.513h4.854V13z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M11.07 8.4h1.049c1.174 0 1.99.69 2.004 1.724s-.802 1.786-2.068 1.779c-1.11-.007-1.905-.605-1.99-1.357h-1.21C8.926 11.91 10.116 13 12.028 13c1.99 0 3.439-1.188 3.404-2.87c-.028-1.553-1.287-2.221-2.096-2.313v-.07c.724-.127 1.814-.935 1.772-2.293c-.035-1.392-1.21-2.468-3.038-2.454c-1.927.007-2.94 1.196-2.981 2.426h1.23c.064-.71.732-1.336 1.744-1.336c1.027 0 1.744.64 1.744 1.568c.007.95-.738 1.639-1.744 1.639h-.991V8.4ZM7.495 13V3.201H6.174v4.15H1.32V3.2H0V13h1.32V8.513h4.854V13z"/></svg> </template>
CSS
.icon-type-h3 {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.07%208.4h1.049c1.174%200%201.99.69%202.004%201.724s-.802%201.786-2.068%201.779c-1.11-.007-1.905-.605-1.99-1.357h-1.21C8.926%2011.91%2010.116%2013%2012.028%2013c1.99%200%203.439-1.188%203.404-2.87c-.028-1.553-1.287-2.221-2.096-2.313v-.07c.724-.127%201.814-.935%201.772-2.293c-.035-1.392-1.21-2.468-3.038-2.454c-1.927.007-2.94%201.196-2.981%202.426h1.23c.064-.71.732-1.336%201.744-1.336c1.027%200%201.744.64%201.744%201.568c.007.95-.738%201.639-1.744%201.639h-.991V8.4ZM7.495%2013V3.201H6.174v4.15H1.32V3.2H0V13h1.32V8.513h4.854V13z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.07%208.4h1.049c1.174%200%201.99.69%202.004%201.724s-.802%201.786-2.068%201.779c-1.11-.007-1.905-.605-1.99-1.357h-1.21C8.926%2011.91%2010.116%2013%2012.028%2013c1.99%200%203.439-1.188%203.404-2.87c-.028-1.553-1.287-2.221-2.096-2.313v-.07c.724-.127%201.814-.935%201.772-2.293c-.035-1.392-1.21-2.468-3.038-2.454c-1.927.007-2.94%201.196-2.981%202.426h1.23c.064-.71.732-1.336%201.744-1.336c1.027%200%201.744.64%201.744%201.568c.007.95-.738%201.639-1.744%201.639h-.991V8.4ZM7.495%2013V3.201H6.174v4.15H1.32V3.2H0V13h1.32V8.513h4.854V13z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/type-h3.svg?color=%231a73e8&size=48
