Button Mapper Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Button Mapper icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/323058.svg" alt="Button Mapper icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/323058.svg" alt="Button Mapper icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/323058.svg" alt="Button Mapper icon" :width="24" :height="24" />
CSS background
.icon-button-mapper {
background-image: url('https://proicons.com/icon/323058.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.b{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path class="b" d="M38.4994,5.5008H9.5006c-2.209,0-3.9998,1.7908-3.9998,3.9998v28.9988c0,2.209,1.7908,3.9998,3.9998,3.9998h28.9988c2.209,0,3.9998-1.7908,3.9998-3.9998V9.5006c0-2.209-1.7908-3.9998-3.9998-3.9998Z"/><line class="b" x1="5.6" y1="24" x2="42.4" y2="24"/><line class="b" x1="24" y1="42.4" x2="24" y2="5.6"/><path class="b" d="M16.7,28.6c2.6.5,4.3,2.9,3.8,5.4-.3,1.9-1.9,3.5-3.8,3.8"/><path class="b" d="M17,31.7c.9.2,1.4,1,1.3,1.8-.1.6-.6,1.2-1.3,1.3"/><path class="b" d="M8.9,31.3v3.9h3.1l3.1,2.7v-9.4l-3.1,2.8h-3.1Z"/><path class="b" d="M34.4,34.6v2.9c0,.2.2.4.4.4h2c.2,0,.4-.2.4-.4h0v-3.7h.6c.4,0,.7-.3.7-.7,0-.2-.1-.4-.2-.5l-4.6-3.9c-.3-.3-.8-.3-1.1,0l-4.6,3.9c-.3.2-.3.7-.1.9.1.2.3.2.5.2h.6v3.7c0,.2.2.4.4.4h2c.2,0,.4-.2.4-.4v-2.9l2.6.1Z"/><polyline class="b" points="32.8 11.3 28.7 15.3 32.8 19.4 28.7 15.3 37.8 15.3"/><rect class="b" x="9.6" y="12.5" width="8.5" height="6.7"/><polyline class="b" points="12.5 10.5 20 10.5 20 16.9"/></svg>
Copied!