alphabet icon
alphabet from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- alphabet
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
Related icons in Bootstrap Icons
Use the alphabet icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M2.204 11.078c.767 0 1.201-.356 1.406-.737h.059V11h1.216V7.519c0-1.314-.947-1.783-2.11-1.783C1.355 5.736.75 6.42.69 7.27h1.216c.064-.323.313-.552.84-.552s.864.249.864.771v.464H2.346C1.145 7.953.5 8.568.5 9.496c0 .977.693 1.582 1.704 1.582m.42-.947c-.44 0-.845-.235-.845-.718c0-.395.269-.684.84-.684h.991v.538c0 .503-.444.864-.986.864m5.593.937c1.216 0 1.948-.869 1.948-2.31v-.702c0-1.44-.727-2.305-1.929-2.305c-.742 0-1.328.347-1.499.889h-.063V3.983h-1.29V11h1.27v-.791h.064c.21.532.776.86 1.499.86Zm-.43-1.025c-.66 0-1.113-.518-1.113-1.28V8.12c0-.825.42-1.343 1.098-1.343c.684 0 1.075.518 1.075 1.416v.45c0 .888-.386 1.401-1.06 1.401Zm2.834-1.328c0 1.47.87 2.378 2.305 2.378c1.416 0 2.139-.777 2.158-1.763h-1.186c-.06.425-.313.732-.933.732c-.66 0-1.05-.512-1.05-1.352v-.625c0-.81.371-1.328 1.045-1.328c.635 0 .879.425.918.776h1.187c-.02-.986-.787-1.806-2.14-1.806c-1.41 0-2.304.918-2.304 2.338z"/></svg>
React
import type { SVGProps } from "react";
export function BiAlphabet(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="M2.204 11.078c.767 0 1.201-.356 1.406-.737h.059V11h1.216V7.519c0-1.314-.947-1.783-2.11-1.783C1.355 5.736.75 6.42.69 7.27h1.216c.064-.323.313-.552.84-.552s.864.249.864.771v.464H2.346C1.145 7.953.5 8.568.5 9.496c0 .977.693 1.582 1.704 1.582m.42-.947c-.44 0-.845-.235-.845-.718c0-.395.269-.684.84-.684h.991v.538c0 .503-.444.864-.986.864m5.593.937c1.216 0 1.948-.869 1.948-2.31v-.702c0-1.44-.727-2.305-1.929-2.305c-.742 0-1.328.347-1.499.889h-.063V3.983h-1.29V11h1.27v-.791h.064c.21.532.776.86 1.499.86Zm-.43-1.025c-.66 0-1.113-.518-1.113-1.28V8.12c0-.825.42-1.343 1.098-1.343c.684 0 1.075.518 1.075 1.416v.45c0 .888-.386 1.401-1.06 1.401Zm2.834-1.328c0 1.47.87 2.378 2.305 2.378c1.416 0 2.139-.777 2.158-1.763h-1.186c-.06.425-.313.732-.933.732c-.66 0-1.05-.512-1.05-1.352v-.625c0-.81.371-1.328 1.045-1.328c.635 0 .879.425.918.776h1.187c-.02-.986-.787-1.806-2.14-1.806c-1.41 0-2.304.918-2.304 2.338z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M2.204 11.078c.767 0 1.201-.356 1.406-.737h.059V11h1.216V7.519c0-1.314-.947-1.783-2.11-1.783C1.355 5.736.75 6.42.69 7.27h1.216c.064-.323.313-.552.84-.552s.864.249.864.771v.464H2.346C1.145 7.953.5 8.568.5 9.496c0 .977.693 1.582 1.704 1.582m.42-.947c-.44 0-.845-.235-.845-.718c0-.395.269-.684.84-.684h.991v.538c0 .503-.444.864-.986.864m5.593.937c1.216 0 1.948-.869 1.948-2.31v-.702c0-1.44-.727-2.305-1.929-2.305c-.742 0-1.328.347-1.499.889h-.063V3.983h-1.29V11h1.27v-.791h.064c.21.532.776.86 1.499.86Zm-.43-1.025c-.66 0-1.113-.518-1.113-1.28V8.12c0-.825.42-1.343 1.098-1.343c.684 0 1.075.518 1.075 1.416v.45c0 .888-.386 1.401-1.06 1.401Zm2.834-1.328c0 1.47.87 2.378 2.305 2.378c1.416 0 2.139-.777 2.158-1.763h-1.186c-.06.425-.313.732-.933.732c-.66 0-1.05-.512-1.05-1.352v-.625c0-.81.371-1.328 1.045-1.328c.635 0 .879.425.918.776h1.187c-.02-.986-.787-1.806-2.14-1.806c-1.41 0-2.304.918-2.304 2.338z"/></svg> </template>
CSS
.icon-alphabet {
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%22M2.204%2011.078c.767%200%201.201-.356%201.406-.737h.059V11h1.216V7.519c0-1.314-.947-1.783-2.11-1.783C1.355%205.736.75%206.42.69%207.27h1.216c.064-.323.313-.552.84-.552s.864.249.864.771v.464H2.346C1.145%207.953.5%208.568.5%209.496c0%20.977.693%201.582%201.704%201.582m.42-.947c-.44%200-.845-.235-.845-.718c0-.395.269-.684.84-.684h.991v.538c0%20.503-.444.864-.986.864m5.593.937c1.216%200%201.948-.869%201.948-2.31v-.702c0-1.44-.727-2.305-1.929-2.305c-.742%200-1.328.347-1.499.889h-.063V3.983h-1.29V11h1.27v-.791h.064c.21.532.776.86%201.499.86Zm-.43-1.025c-.66%200-1.113-.518-1.113-1.28V8.12c0-.825.42-1.343%201.098-1.343c.684%200%201.075.518%201.075%201.416v.45c0%20.888-.386%201.401-1.06%201.401Zm2.834-1.328c0%201.47.87%202.378%202.305%202.378c1.416%200%202.139-.777%202.158-1.763h-1.186c-.06.425-.313.732-.933.732c-.66%200-1.05-.512-1.05-1.352v-.625c0-.81.371-1.328%201.045-1.328c.635%200%20.879.425.918.776h1.187c-.02-.986-.787-1.806-2.14-1.806c-1.41%200-2.304.918-2.304%202.338z%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%22M2.204%2011.078c.767%200%201.201-.356%201.406-.737h.059V11h1.216V7.519c0-1.314-.947-1.783-2.11-1.783C1.355%205.736.75%206.42.69%207.27h1.216c.064-.323.313-.552.84-.552s.864.249.864.771v.464H2.346C1.145%207.953.5%208.568.5%209.496c0%20.977.693%201.582%201.704%201.582m.42-.947c-.44%200-.845-.235-.845-.718c0-.395.269-.684.84-.684h.991v.538c0%20.503-.444.864-.986.864m5.593.937c1.216%200%201.948-.869%201.948-2.31v-.702c0-1.44-.727-2.305-1.929-2.305c-.742%200-1.328.347-1.499.889h-.063V3.983h-1.29V11h1.27v-.791h.064c.21.532.776.86%201.499.86Zm-.43-1.025c-.66%200-1.113-.518-1.113-1.28V8.12c0-.825.42-1.343%201.098-1.343c.684%200%201.075.518%201.075%201.416v.45c0%20.888-.386%201.401-1.06%201.401Zm2.834-1.328c0%201.47.87%202.378%202.305%202.378c1.416%200%202.139-.777%202.158-1.763h-1.186c-.06.425-.313.732-.933.732c-.66%200-1.05-.512-1.05-1.352v-.625c0-.81.371-1.328%201.045-1.328c.635%200%20.879.425.918.776h1.187c-.02-.986-.787-1.806-2.14-1.806c-1.41%200-2.304.918-2.304%202.338z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/alphabet.svg?color=%231a73e8&size=48
