Select all icon

by IceCreamYou

HTML

<svg width="21" height="21"
    xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"
    role="img" aria-label="Select all">
    <title>Select all</title>
    <g>
        <rect x="5" y="1" width="15" height="15" fill="none" stroke-width="2" class="svg-stroke-action" rx="2" ry="2" />
        <rect x="1" y="5" width="15" height="15" fill="#EEE" stroke-width="2" class="svg-stroke-action" rx="2" ry="2" />
        <path d="M 4 13 L 7.5 16.5 L 13.5 8 L 7.5 15 Z" stroke-width="1.5" class="svg-fill-action svg-stroke-action" />
    </g>
</svg>

<svg width="21" height="21"
    xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"
    role="img" aria-label="Select all">
    <title>Select all</title>
    <g>
        <rect x="5.5" y="0.5" width="15" height="15" fill="none" class="svg-stroke-action" rx="2" ry="2" />
        <rect x="0.5" y="5.5" width="15" height="15" fill="#EEE" class="svg-stroke-action" rx="2" ry="2" />
        <path d="M 3 13.5 L 6.5 17 L 12.5 8.5 L 6.5 15.5 Z" class="svg-fill-action svg-stroke-action" />
    </g>
</svg>

<svg width="21" height="21"
    xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"
    role="img" aria-label="Select all">
    <title>Select all</title>
    <g>
        <rect x="5" y="5" width="15" height="15" fill="none" stroke-width="2" class="svg-stroke-action" rx="2" ry="2" />
        <rect x="1" y="1" width="15" height="15" fill="#EEE" stroke-width="2" class="svg-stroke-action" rx="2" ry="2" />
        <path d="M 4 9 L 7.5 12.5 L 13.5 4 L 7.5 11 Z" stroke-width="1.5" class="svg-fill-action svg-stroke-action" />
    </g>
</svg>

CSS

.svg-fill-action {
    fill: #A00893;
}

.svg-stroke-action {
    stroke: #A00893;
}

svg {
  margin: 10px;
  zoom: 1;
}