Invert selection 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="Invert selection"
    style="border-radius: 4px;" overflow="hidden">
    <title>Invert selection</title>
    <g>
        <rect x="11.5" y="11.5" width="7" height="7" rx="2" ry="2" fill="none" class="svg-stroke-action" />
        <rect x="-15" y="-15" width="30" height="30" class="svg-fill-action" transform="rotate(45)" />
        <path d="M 2.5 7.5 L 6 11 L 11 2.5 L 6 9.5 Z" fill="#EEE" stroke="#EEE" class="inherit-fill" />
    </g>
</svg>

CSS

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

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

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