bxl medium old icon
bxl-medium-old from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.
- Name
- bxl-medium-old
- Set
- BoxIcons v2
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
Related icons in BoxIcons v2
Use the bxl medium old icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M21.957 6.73a.073.073 0 0 0-.019-.097c-.004-.004-.008-.008-.012-.01l-.006-.002l-6.033-3.018a.729.729 0 0 0-.292-.067a.692.692 0 0 0-.586.317l-3.474 5.646l4.359 7.083l6.063-9.852zm-1.064 13.543c.611.306 1.107.092 1.107-.478V8.483l-5.809 9.439l4.702 2.351zM9.622 8.213v6.426l5.711 2.855zm-7.068 9.558l5.19 2.595a.845.845 0 0 0 .374.098c.323 0 .549-.25.549-.669V6.701a.067.067 0 0 0-.035-.059L2.739 3.697a.669.669 0 0 0-.3-.079c-.258 0-.439.199-.439.534v12.723c0 .341.25.744.554.896z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function BxBxlMediumOld(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M21.957 6.73a.073.073 0 0 0-.019-.097c-.004-.004-.008-.008-.012-.01l-.006-.002l-6.033-3.018a.729.729 0 0 0-.292-.067a.692.692 0 0 0-.586.317l-3.474 5.646l4.359 7.083l6.063-9.852zm-1.064 13.543c.611.306 1.107.092 1.107-.478V8.483l-5.809 9.439l4.702 2.351zM9.622 8.213v6.426l5.711 2.855zm-7.068 9.558l5.19 2.595a.845.845 0 0 0 .374.098c.323 0 .549-.25.549-.669V6.701a.067.067 0 0 0-.035-.059L2.739 3.697a.669.669 0 0 0-.3-.079c-.258 0-.439.199-.439.534v12.723c0 .341.25.744.554.896z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M21.957 6.73a.073.073 0 0 0-.019-.097c-.004-.004-.008-.008-.012-.01l-.006-.002l-6.033-3.018a.729.729 0 0 0-.292-.067a.692.692 0 0 0-.586.317l-3.474 5.646l4.359 7.083l6.063-9.852zm-1.064 13.543c.611.306 1.107.092 1.107-.478V8.483l-5.809 9.439l4.702 2.351zM9.622 8.213v6.426l5.711 2.855zm-7.068 9.558l5.19 2.595a.845.845 0 0 0 .374.098c.323 0 .549-.25.549-.669V6.701a.067.067 0 0 0-.035-.059L2.739 3.697a.669.669 0 0 0-.3-.079c-.258 0-.439.199-.439.534v12.723c0 .341.25.744.554.896z" fill="currentColor"/></svg> </template>
CSS
.icon-bxl-medium-old {
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%20d%3D%22M21.957%206.73a.073.073%200%200%200-.019-.097c-.004-.004-.008-.008-.012-.01l-.006-.002l-6.033-3.018a.729.729%200%200%200-.292-.067a.692.692%200%200%200-.586.317l-3.474%205.646l4.359%207.083l6.063-9.852zm-1.064%2013.543c.611.306%201.107.092%201.107-.478V8.483l-5.809%209.439l4.702%202.351zM9.622%208.213v6.426l5.711%202.855zm-7.068%209.558l5.19%202.595a.845.845%200%200%200%20.374.098c.323%200%20.549-.25.549-.669V6.701a.067.067%200%200%200-.035-.059L2.739%203.697a.669.669%200%200%200-.3-.079c-.258%200-.439.199-.439.534v12.723c0%20.341.25.744.554.896z%22%20fill%3D%22currentColor%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%20d%3D%22M21.957%206.73a.073.073%200%200%200-.019-.097c-.004-.004-.008-.008-.012-.01l-.006-.002l-6.033-3.018a.729.729%200%200%200-.292-.067a.692.692%200%200%200-.586.317l-3.474%205.646l4.359%207.083l6.063-9.852zm-1.064%2013.543c.611.306%201.107.092%201.107-.478V8.483l-5.809%209.439l4.702%202.351zM9.622%208.213v6.426l5.711%202.855zm-7.068%209.558l5.19%202.595a.845.845%200%200%200%20.374.098c.323%200%20.549-.25.549-.669V6.701a.067.067%200%200%200-.035-.059L2.739%203.697a.669.669%200%200%200-.3-.079c-.258%200-.439.199-.439.534v12.723c0%20.341.25.744.554.896z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/bxl-medium-old.svg?color=%231a73e8&size=48
