pair icon
pair-16-regular from Fluent UI System Icons by Microsoft Corporation · 16 Regular · MIT Free for personal and commercial use.
- Name
- pair-16-regular
- Set
- Fluent UI System Icons
- Style
- 16 Regular
- Viewbox
- 16×16
- License
- MIT
5 other variants in Fluent UI System Icons
Use the pair icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M9.5 1.25a1.25 1.25 0 0 1 .5 2.395V6h2.355A1.249 1.249 0 1 1 14 7.645v4.71A1.25 1.25 0 1 1 12.355 14h-4.71A1.249 1.249 0 1 1 6 12.354V10H3.645A1.249 1.249 0 1 1 2 8.354v-4.71A1.249 1.249 0 1 1 3.645 2h4.71A1.25 1.25 0 0 1 9.5 1.25m.5 7.104A1.25 1.25 0 1 1 8.355 10H7v2.355c.288.125.519.357.645.645h4.71a1.26 1.26 0 0 1 .645-.646v-4.71A1.25 1.25 0 0 1 12.355 7H10zM3.645 3A1.25 1.25 0 0 1 3 3.645v4.71c.288.125.519.357.645.645H6V7.645A1.249 1.249 0 1 1 7.645 6H9V3.645A1.25 1.25 0 0 1 8.355 3zm4 4A1.25 1.25 0 0 1 7 7.645V9h1.355c.126-.288.357-.52.645-.646V7z"/></svg>
React
import type { SVGProps } from "react";
export function FluentPair16Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M9.5 1.25a1.25 1.25 0 0 1 .5 2.395V6h2.355A1.249 1.249 0 1 1 14 7.645v4.71A1.25 1.25 0 1 1 12.355 14h-4.71A1.249 1.249 0 1 1 6 12.354V10H3.645A1.249 1.249 0 1 1 2 8.354v-4.71A1.249 1.249 0 1 1 3.645 2h4.71A1.25 1.25 0 0 1 9.5 1.25m.5 7.104A1.25 1.25 0 1 1 8.355 10H7v2.355c.288.125.519.357.645.645h4.71a1.26 1.26 0 0 1 .645-.646v-4.71A1.25 1.25 0 0 1 12.355 7H10zM3.645 3A1.25 1.25 0 0 1 3 3.645v4.71c.288.125.519.357.645.645H6V7.645A1.249 1.249 0 1 1 7.645 6H9V3.645A1.25 1.25 0 0 1 8.355 3zm4 4A1.25 1.25 0 0 1 7 7.645V9h1.355c.126-.288.357-.52.645-.646V7z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M9.5 1.25a1.25 1.25 0 0 1 .5 2.395V6h2.355A1.249 1.249 0 1 1 14 7.645v4.71A1.25 1.25 0 1 1 12.355 14h-4.71A1.249 1.249 0 1 1 6 12.354V10H3.645A1.249 1.249 0 1 1 2 8.354v-4.71A1.249 1.249 0 1 1 3.645 2h4.71A1.25 1.25 0 0 1 9.5 1.25m.5 7.104A1.25 1.25 0 1 1 8.355 10H7v2.355c.288.125.519.357.645.645h4.71a1.26 1.26 0 0 1 .645-.646v-4.71A1.25 1.25 0 0 1 12.355 7H10zM3.645 3A1.25 1.25 0 0 1 3 3.645v4.71c.288.125.519.357.645.645H6V7.645A1.249 1.249 0 1 1 7.645 6H9V3.645A1.25 1.25 0 0 1 8.355 3zm4 4A1.25 1.25 0 0 1 7 7.645V9h1.355c.126-.288.357-.52.645-.646V7z"/></svg> </template>
CSS
.icon-pair-16-regular {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.5%201.25a1.25%201.25%200%200%201%20.5%202.395V6h2.355A1.249%201.249%200%201%201%2014%207.645v4.71A1.25%201.25%200%201%201%2012.355%2014h-4.71A1.249%201.249%200%201%201%206%2012.354V10H3.645A1.249%201.249%200%201%201%202%208.354v-4.71A1.249%201.249%200%201%201%203.645%202h4.71A1.25%201.25%200%200%201%209.5%201.25m.5%207.104A1.25%201.25%200%201%201%208.355%2010H7v2.355c.288.125.519.357.645.645h4.71a1.26%201.26%200%200%201%20.645-.646v-4.71A1.25%201.25%200%200%201%2012.355%207H10zM3.645%203A1.25%201.25%200%200%201%203%203.645v4.71c.288.125.519.357.645.645H6V7.645A1.249%201.249%200%201%201%207.645%206H9V3.645A1.25%201.25%200%200%201%208.355%203zm4%204A1.25%201.25%200%200%201%207%207.645V9h1.355c.126-.288.357-.52.645-.646V7z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.5%201.25a1.25%201.25%200%200%201%20.5%202.395V6h2.355A1.249%201.249%200%201%201%2014%207.645v4.71A1.25%201.25%200%201%201%2012.355%2014h-4.71A1.249%201.249%200%201%201%206%2012.354V10H3.645A1.249%201.249%200%201%201%202%208.354v-4.71A1.249%201.249%200%201%201%203.645%202h4.71A1.25%201.25%200%200%201%209.5%201.25m.5%207.104A1.25%201.25%200%201%201%208.355%2010H7v2.355c.288.125.519.357.645.645h4.71a1.26%201.26%200%200%201%20.645-.646v-4.71A1.25%201.25%200%200%201%2012.355%207H10zM3.645%203A1.25%201.25%200%200%201%203%203.645v4.71c.288.125.519.357.645.645H6V7.645A1.249%201.249%200%201%201%207.645%206H9V3.645A1.25%201.25%200%200%201%208.355%203zm4%204A1.25%201.25%200%200%201%207%207.645V9h1.355c.126-.288.357-.52.645-.646V7z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/pair-16-regular.svg?color=%231a73e8&size=48
