list bullet below rectangle icon
list-bullet-below-rectangle from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- list-bullet-below-rectangle
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
Related icons in Framework7 Icons
Use the list bullet below rectangle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M12.063 6.379c-4.782 0-6.493 2.086-6.493 6.633V23.91c0 4.547 1.711 6.633 6.493 6.633h31.874c4.782 0 6.493-2.086 6.493-6.633V13.012c0-4.547-1.711-6.633-6.492-6.633Zm-2.72 17.648V12.895c0-2.086.68-3 2.743-3h31.828c2.086 0 2.742.914 2.742 3v11.132c0 2.086-.656 3-2.742 3H12.086c-2.062 0-2.742-.914-2.742-3m1.759 13.875a2.536 2.536 0 0 0-2.532-2.53a2.536 2.536 0 0 0-2.53 2.53c0 1.407 1.124 2.508 2.53 2.508c1.407 0 2.532-1.101 2.532-2.508m38.507 0c0-1.03-.867-1.804-2.015-1.804H16.07c-1.171 0-2.015.773-2.015 1.804s.844 1.828 2.015 1.828h31.524c1.148 0 2.015-.796 2.015-1.828M11.102 47.09c0-1.383-1.125-2.555-2.532-2.555c-1.406 0-2.53 1.172-2.53 2.555a2.52 2.52 0 0 0 2.53 2.531a2.52 2.52 0 0 0 2.532-2.531m38.507 0c0-1.031-.867-1.805-2.015-1.805H16.07c-1.171 0-2.015.774-2.015 1.805s.844 1.828 2.015 1.828h31.524c1.148 0 2.015-.797 2.015-1.828"/></svg>
React
import type { SVGProps } from "react";
export function F7ListBulletBelowRectangle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M12.063 6.379c-4.782 0-6.493 2.086-6.493 6.633V23.91c0 4.547 1.711 6.633 6.493 6.633h31.874c4.782 0 6.493-2.086 6.493-6.633V13.012c0-4.547-1.711-6.633-6.492-6.633Zm-2.72 17.648V12.895c0-2.086.68-3 2.743-3h31.828c2.086 0 2.742.914 2.742 3v11.132c0 2.086-.656 3-2.742 3H12.086c-2.062 0-2.742-.914-2.742-3m1.759 13.875a2.536 2.536 0 0 0-2.532-2.53a2.536 2.536 0 0 0-2.53 2.53c0 1.407 1.124 2.508 2.53 2.508c1.407 0 2.532-1.101 2.532-2.508m38.507 0c0-1.03-.867-1.804-2.015-1.804H16.07c-1.171 0-2.015.773-2.015 1.804s.844 1.828 2.015 1.828h31.524c1.148 0 2.015-.796 2.015-1.828M11.102 47.09c0-1.383-1.125-2.555-2.532-2.555c-1.406 0-2.53 1.172-2.53 2.555a2.52 2.52 0 0 0 2.53 2.531a2.52 2.52 0 0 0 2.532-2.531m38.507 0c0-1.031-.867-1.805-2.015-1.805H16.07c-1.171 0-2.015.774-2.015 1.805s.844 1.828 2.015 1.828h31.524c1.148 0 2.015-.797 2.015-1.828"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M12.063 6.379c-4.782 0-6.493 2.086-6.493 6.633V23.91c0 4.547 1.711 6.633 6.493 6.633h31.874c4.782 0 6.493-2.086 6.493-6.633V13.012c0-4.547-1.711-6.633-6.492-6.633Zm-2.72 17.648V12.895c0-2.086.68-3 2.743-3h31.828c2.086 0 2.742.914 2.742 3v11.132c0 2.086-.656 3-2.742 3H12.086c-2.062 0-2.742-.914-2.742-3m1.759 13.875a2.536 2.536 0 0 0-2.532-2.53a2.536 2.536 0 0 0-2.53 2.53c0 1.407 1.124 2.508 2.53 2.508c1.407 0 2.532-1.101 2.532-2.508m38.507 0c0-1.03-.867-1.804-2.015-1.804H16.07c-1.171 0-2.015.773-2.015 1.804s.844 1.828 2.015 1.828h31.524c1.148 0 2.015-.796 2.015-1.828M11.102 47.09c0-1.383-1.125-2.555-2.532-2.555c-1.406 0-2.53 1.172-2.53 2.555a2.52 2.52 0 0 0 2.53 2.531a2.52 2.52 0 0 0 2.532-2.531m38.507 0c0-1.031-.867-1.805-2.015-1.805H16.07c-1.171 0-2.015.774-2.015 1.805s.844 1.828 2.015 1.828h31.524c1.148 0 2.015-.797 2.015-1.828"/></svg> </template>
CSS
.icon-list-bullet-below-rectangle {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.063%206.379c-4.782%200-6.493%202.086-6.493%206.633V23.91c0%204.547%201.711%206.633%206.493%206.633h31.874c4.782%200%206.493-2.086%206.493-6.633V13.012c0-4.547-1.711-6.633-6.492-6.633Zm-2.72%2017.648V12.895c0-2.086.68-3%202.743-3h31.828c2.086%200%202.742.914%202.742%203v11.132c0%202.086-.656%203-2.742%203H12.086c-2.062%200-2.742-.914-2.742-3m1.759%2013.875a2.536%202.536%200%200%200-2.532-2.53a2.536%202.536%200%200%200-2.53%202.53c0%201.407%201.124%202.508%202.53%202.508c1.407%200%202.532-1.101%202.532-2.508m38.507%200c0-1.03-.867-1.804-2.015-1.804H16.07c-1.171%200-2.015.773-2.015%201.804s.844%201.828%202.015%201.828h31.524c1.148%200%202.015-.796%202.015-1.828M11.102%2047.09c0-1.383-1.125-2.555-2.532-2.555c-1.406%200-2.53%201.172-2.53%202.555a2.52%202.52%200%200%200%202.53%202.531a2.52%202.52%200%200%200%202.532-2.531m38.507%200c0-1.031-.867-1.805-2.015-1.805H16.07c-1.171%200-2.015.774-2.015%201.805s.844%201.828%202.015%201.828h31.524c1.148%200%202.015-.797%202.015-1.828%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.063%206.379c-4.782%200-6.493%202.086-6.493%206.633V23.91c0%204.547%201.711%206.633%206.493%206.633h31.874c4.782%200%206.493-2.086%206.493-6.633V13.012c0-4.547-1.711-6.633-6.492-6.633Zm-2.72%2017.648V12.895c0-2.086.68-3%202.743-3h31.828c2.086%200%202.742.914%202.742%203v11.132c0%202.086-.656%203-2.742%203H12.086c-2.062%200-2.742-.914-2.742-3m1.759%2013.875a2.536%202.536%200%200%200-2.532-2.53a2.536%202.536%200%200%200-2.53%202.53c0%201.407%201.124%202.508%202.53%202.508c1.407%200%202.532-1.101%202.532-2.508m38.507%200c0-1.03-.867-1.804-2.015-1.804H16.07c-1.171%200-2.015.773-2.015%201.804s.844%201.828%202.015%201.828h31.524c1.148%200%202.015-.796%202.015-1.828M11.102%2047.09c0-1.383-1.125-2.555-2.532-2.555c-1.406%200-2.53%201.172-2.53%202.555a2.52%202.52%200%200%200%202.53%202.531a2.52%202.52%200%200%200%202.532-2.531m38.507%200c0-1.031-.867-1.805-2.015-1.805H16.07c-1.171%200-2.015.774-2.015%201.805s.844%201.828%202.015%201.828h31.524c1.148%200%202.015-.797%202.015-1.828%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/list-bullet-below-rectangle.svg?color=%231a73e8&size=48
