letter b icon
letter-b-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- letter-b-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
The same icon in other sets
Related icons in Myna UI Icons
letter-aletter-a-circleletter-a-diamondletter-a-hexagonletter-a-octagonletter-a-squareletter-a-wavesletter-b-circleletter-b-diamondletter-b-hexagonletter-b-octagonletter-b-squareletter-b-wavesletter-cletter-c-circleletter-c-diamondletter-c-hexagonletter-c-octagonletter-c-squareletter-c-wavesletter-dletter-d-circleletter-d-diamondletter-d-hexagon
Use the letter b icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9 6a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h4.589c2.006 0 3.106-1.54 3.265-3.047c.105-1.006-.183-2.127-.937-2.953c.754-.826 1.042-1.947.937-2.953C16.694 7.54 15.595 6 13.589 6zm1 5V8h3.589c.384 0 .677.133.885.346c.211.216.35.53.39.91c.077.727-.243 1.431-.903 1.744zm0 5v-3h3.96c.66.313.98 1.017.904 1.743c-.04.382-.179.695-.39.911c-.208.213-.501.346-.885.346z"/></svg>
React
import type { SVGProps } from "react";
export function MynauiLetterBSolid(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="M9 6a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h4.589c2.006 0 3.106-1.54 3.265-3.047c.105-1.006-.183-2.127-.937-2.953c.754-.826 1.042-1.947.937-2.953C16.694 7.54 15.595 6 13.589 6zm1 5V8h3.589c.384 0 .677.133.885.346c.211.216.35.53.39.91c.077.727-.243 1.431-.903 1.744zm0 5v-3h3.96c.66.313.98 1.017.904 1.743c-.04.382-.179.695-.39.911c-.208.213-.501.346-.885.346z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9 6a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h4.589c2.006 0 3.106-1.54 3.265-3.047c.105-1.006-.183-2.127-.937-2.953c.754-.826 1.042-1.947.937-2.953C16.694 7.54 15.595 6 13.589 6zm1 5V8h3.589c.384 0 .677.133.885.346c.211.216.35.53.39.91c.077.727-.243 1.431-.903 1.744zm0 5v-3h3.96c.66.313.98 1.017.904 1.743c-.04.382-.179.695-.39.911c-.208.213-.501.346-.885.346z"/></svg> </template>
CSS
.icon-letter-b-solid {
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%22M9%206a1%201%200%200%200-1%201v10a1%201%200%200%200%201%201h4.589c2.006%200%203.106-1.54%203.265-3.047c.105-1.006-.183-2.127-.937-2.953c.754-.826%201.042-1.947.937-2.953C16.694%207.54%2015.595%206%2013.589%206zm1%205V8h3.589c.384%200%20.677.133.885.346c.211.216.35.53.39.91c.077.727-.243%201.431-.903%201.744zm0%205v-3h3.96c.66.313.98%201.017.904%201.743c-.04.382-.179.695-.39.911c-.208.213-.501.346-.885.346z%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%22M9%206a1%201%200%200%200-1%201v10a1%201%200%200%200%201%201h4.589c2.006%200%203.106-1.54%203.265-3.047c.105-1.006-.183-2.127-.937-2.953c.754-.826%201.042-1.947.937-2.953C16.694%207.54%2015.595%206%2013.589%206zm1%205V8h3.589c.384%200%20.677.133.885.346c.211.216.35.53.39.91c.077.727-.243%201.431-.903%201.744zm0%205v-3h3.96c.66.313.98%201.017.904%201.743c-.04.382-.179.695-.39.911c-.208.213-.501.346-.885.346z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/letter-b-solid.svg?color=%231a73e8&size=48
