alphabet uppercase icon

alphabet-uppercase from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.

Name
alphabet-uppercase
Set
Bootstrap Icons
Style
Outline
Viewbox
16×16
License
MIT

Use the alphabet uppercase icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M1.226 10.88H0l2.056-6.26h1.42l2.047 6.26h-1.29l-.48-1.61H1.707l-.48 1.61ZM2.76 5.818h-.054l-.75 2.532H3.51zm3.217 5.062V4.62h2.56c1.09 0 1.808.582 1.808 1.54c0 .762-.444 1.22-1.05 1.372v.055c.736.074 1.365.587 1.365 1.528c0 1.119-.89 1.766-2.133 1.766zM7.18 5.55v1.675h.8c.812 0 1.171-.308 1.171-.853c0-.51-.328-.822-.898-.822zm0 2.537V9.95h.903c.951 0 1.342-.312 1.342-.909c0-.591-.382-.954-1.095-.954zm5.089-.711v.775c0 1.156.49 1.803 1.347 1.803c.705 0 1.163-.454 1.212-1.096H16v.12C15.942 10.173 14.95 11 13.607 11c-1.648 0-2.573-1.073-2.573-2.849v-.78c0-1.775.934-2.871 2.573-2.871c1.347 0 2.34.849 2.393 2.087v.115h-1.172c-.05-.665-.516-1.156-1.212-1.156c-.849 0-1.347.67-1.347 1.83"/></svg>

React

import type { SVGProps } from "react";

export function BiAlphabetUppercase(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="M1.226 10.88H0l2.056-6.26h1.42l2.047 6.26h-1.29l-.48-1.61H1.707l-.48 1.61ZM2.76 5.818h-.054l-.75 2.532H3.51zm3.217 5.062V4.62h2.56c1.09 0 1.808.582 1.808 1.54c0 .762-.444 1.22-1.05 1.372v.055c.736.074 1.365.587 1.365 1.528c0 1.119-.89 1.766-2.133 1.766zM7.18 5.55v1.675h.8c.812 0 1.171-.308 1.171-.853c0-.51-.328-.822-.898-.822zm0 2.537V9.95h.903c.951 0 1.342-.312 1.342-.909c0-.591-.382-.954-1.095-.954zm5.089-.711v.775c0 1.156.49 1.803 1.347 1.803c.705 0 1.163-.454 1.212-1.096H16v.12C15.942 10.173 14.95 11 13.607 11c-1.648 0-2.573-1.073-2.573-2.849v-.78c0-1.775.934-2.871 2.573-2.871c1.347 0 2.34.849 2.393 2.087v.115h-1.172c-.05-.665-.516-1.156-1.212-1.156c-.849 0-1.347.67-1.347 1.83"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M1.226 10.88H0l2.056-6.26h1.42l2.047 6.26h-1.29l-.48-1.61H1.707l-.48 1.61ZM2.76 5.818h-.054l-.75 2.532H3.51zm3.217 5.062V4.62h2.56c1.09 0 1.808.582 1.808 1.54c0 .762-.444 1.22-1.05 1.372v.055c.736.074 1.365.587 1.365 1.528c0 1.119-.89 1.766-2.133 1.766zM7.18 5.55v1.675h.8c.812 0 1.171-.308 1.171-.853c0-.51-.328-.822-.898-.822zm0 2.537V9.95h.903c.951 0 1.342-.312 1.342-.909c0-.591-.382-.954-1.095-.954zm5.089-.711v.775c0 1.156.49 1.803 1.347 1.803c.705 0 1.163-.454 1.212-1.096H16v.12C15.942 10.173 14.95 11 13.607 11c-1.648 0-2.573-1.073-2.573-2.849v-.78c0-1.775.934-2.871 2.573-2.871c1.347 0 2.34.849 2.393 2.087v.115h-1.172c-.05-.665-.516-1.156-1.212-1.156c-.849 0-1.347.67-1.347 1.83"/></svg>
</template>

CSS

.icon-alphabet-uppercase {
  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%22M1.226%2010.88H0l2.056-6.26h1.42l2.047%206.26h-1.29l-.48-1.61H1.707l-.48%201.61ZM2.76%205.818h-.054l-.75%202.532H3.51zm3.217%205.062V4.62h2.56c1.09%200%201.808.582%201.808%201.54c0%20.762-.444%201.22-1.05%201.372v.055c.736.074%201.365.587%201.365%201.528c0%201.119-.89%201.766-2.133%201.766zM7.18%205.55v1.675h.8c.812%200%201.171-.308%201.171-.853c0-.51-.328-.822-.898-.822zm0%202.537V9.95h.903c.951%200%201.342-.312%201.342-.909c0-.591-.382-.954-1.095-.954zm5.089-.711v.775c0%201.156.49%201.803%201.347%201.803c.705%200%201.163-.454%201.212-1.096H16v.12C15.942%2010.173%2014.95%2011%2013.607%2011c-1.648%200-2.573-1.073-2.573-2.849v-.78c0-1.775.934-2.871%202.573-2.871c1.347%200%202.34.849%202.393%202.087v.115h-1.172c-.05-.665-.516-1.156-1.212-1.156c-.849%200-1.347.67-1.347%201.83%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%22M1.226%2010.88H0l2.056-6.26h1.42l2.047%206.26h-1.29l-.48-1.61H1.707l-.48%201.61ZM2.76%205.818h-.054l-.75%202.532H3.51zm3.217%205.062V4.62h2.56c1.09%200%201.808.582%201.808%201.54c0%20.762-.444%201.22-1.05%201.372v.055c.736.074%201.365.587%201.365%201.528c0%201.119-.89%201.766-2.133%201.766zM7.18%205.55v1.675h.8c.812%200%201.171-.308%201.171-.853c0-.51-.328-.822-.898-.822zm0%202.537V9.95h.903c.951%200%201.342-.312%201.342-.909c0-.591-.382-.954-1.095-.954zm5.089-.711v.775c0%201.156.49%201.803%201.347%201.803c.705%200%201.163-.454%201.212-1.096H16v.12C15.942%2010.173%2014.95%2011%2013.607%2011c-1.648%200-2.573-1.073-2.573-2.849v-.78c0-1.775.934-2.871%202.573-2.871c1.347%200%202.34.849%202.393%202.087v.115h-1.172c-.05-.665-.516-1.156-1.212-1.156c-.849%200-1.347.67-1.347%201.83%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/alphabet-uppercase.svg?color=%231a73e8&size=48