pair icon
pair-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.
- Name
- pair-24-regular
- Set
- Fluent UI System Icons
- Style
- 24 Regular
- Viewbox
- 24×24
- 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 24 24"><path fill="currentColor" d="M18.669 21H11.33a1.75 1.75 0 1 1-2.325-2.334v-3.671H5.334a1.76 1.76 0 0 1-1.44 1L3.75 16A1.75 1.75 0 0 1 3 12.668V5.331A1.75 1.75 0 1 1 5.332 3h7.337a1.75 1.75 0 1 1 2.327 2.335l-.001 3.67h3.671a1.75 1.75 0 0 1 1.44-.998L20.25 8a1.75 1.75 0 0 1 .752 3.33v7.34A1.75 1.75 0 1 1 18.669 21H11.33zm.002-10.495l-3.676-.001v2.16c.55.261.943.801.994 1.438l.006.143a1.75 1.75 0 0 1-3.331.75h-2.158v3.677c.362.173.654.466.826.828h7.336c.173-.364.469-.66.833-.832v-7.336a1.76 1.76 0 0 1-.749-.676zm-5.176-.001h-2.166c-.172.36-.463.652-.822.824l-.001 2.167h2.157a1.76 1.76 0 0 1 .832-.832zM12.668 4.5H5.333a1.76 1.76 0 0 1-.832.832v7.337c.362.172.655.465.828.826h3.677v-2.16a1.75 1.75 0 0 1-1-1.441L8 9.75a1.75 1.75 0 0 1 3.334-.746h2.161V5.329a1.76 1.76 0 0 1-.746-.678z"/></svg>
React
import type { SVGProps } from "react";
export function FluentPair24Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.669 21H11.33a1.75 1.75 0 1 1-2.325-2.334v-3.671H5.334a1.76 1.76 0 0 1-1.44 1L3.75 16A1.75 1.75 0 0 1 3 12.668V5.331A1.75 1.75 0 1 1 5.332 3h7.337a1.75 1.75 0 1 1 2.327 2.335l-.001 3.67h3.671a1.75 1.75 0 0 1 1.44-.998L20.25 8a1.75 1.75 0 0 1 .752 3.33v7.34A1.75 1.75 0 1 1 18.669 21H11.33zm.002-10.495l-3.676-.001v2.16c.55.261.943.801.994 1.438l.006.143a1.75 1.75 0 0 1-3.331.75h-2.158v3.677c.362.173.654.466.826.828h7.336c.173-.364.469-.66.833-.832v-7.336a1.76 1.76 0 0 1-.749-.676zm-5.176-.001h-2.166c-.172.36-.463.652-.822.824l-.001 2.167h2.157a1.76 1.76 0 0 1 .832-.832zM12.668 4.5H5.333a1.76 1.76 0 0 1-.832.832v7.337c.362.172.655.465.828.826h3.677v-2.16a1.75 1.75 0 0 1-1-1.441L8 9.75a1.75 1.75 0 0 1 3.334-.746h2.161V5.329a1.76 1.76 0 0 1-.746-.678z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.669 21H11.33a1.75 1.75 0 1 1-2.325-2.334v-3.671H5.334a1.76 1.76 0 0 1-1.44 1L3.75 16A1.75 1.75 0 0 1 3 12.668V5.331A1.75 1.75 0 1 1 5.332 3h7.337a1.75 1.75 0 1 1 2.327 2.335l-.001 3.67h3.671a1.75 1.75 0 0 1 1.44-.998L20.25 8a1.75 1.75 0 0 1 .752 3.33v7.34A1.75 1.75 0 1 1 18.669 21H11.33zm.002-10.495l-3.676-.001v2.16c.55.261.943.801.994 1.438l.006.143a1.75 1.75 0 0 1-3.331.75h-2.158v3.677c.362.173.654.466.826.828h7.336c.173-.364.469-.66.833-.832v-7.336a1.76 1.76 0 0 1-.749-.676zm-5.176-.001h-2.166c-.172.36-.463.652-.822.824l-.001 2.167h2.157a1.76 1.76 0 0 1 .832-.832zM12.668 4.5H5.333a1.76 1.76 0 0 1-.832.832v7.337c.362.172.655.465.828.826h3.677v-2.16a1.75 1.75 0 0 1-1-1.441L8 9.75a1.75 1.75 0 0 1 3.334-.746h2.161V5.329a1.76 1.76 0 0 1-.746-.678z"/></svg> </template>
CSS
.icon-pair-24-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.669%2021H11.33a1.75%201.75%200%201%201-2.325-2.334v-3.671H5.334a1.76%201.76%200%200%201-1.44%201L3.75%2016A1.75%201.75%200%200%201%203%2012.668V5.331A1.75%201.75%200%201%201%205.332%203h7.337a1.75%201.75%200%201%201%202.327%202.335l-.001%203.67h3.671a1.75%201.75%200%200%201%201.44-.998L20.25%208a1.75%201.75%200%200%201%20.752%203.33v7.34A1.75%201.75%200%201%201%2018.669%2021H11.33zm.002-10.495l-3.676-.001v2.16c.55.261.943.801.994%201.438l.006.143a1.75%201.75%200%200%201-3.331.75h-2.158v3.677c.362.173.654.466.826.828h7.336c.173-.364.469-.66.833-.832v-7.336a1.76%201.76%200%200%201-.749-.676zm-5.176-.001h-2.166c-.172.36-.463.652-.822.824l-.001%202.167h2.157a1.76%201.76%200%200%201%20.832-.832zM12.668%204.5H5.333a1.76%201.76%200%200%201-.832.832v7.337c.362.172.655.465.828.826h3.677v-2.16a1.75%201.75%200%200%201-1-1.441L8%209.75a1.75%201.75%200%200%201%203.334-.746h2.161V5.329a1.76%201.76%200%200%201-.746-.678z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.669%2021H11.33a1.75%201.75%200%201%201-2.325-2.334v-3.671H5.334a1.76%201.76%200%200%201-1.44%201L3.75%2016A1.75%201.75%200%200%201%203%2012.668V5.331A1.75%201.75%200%201%201%205.332%203h7.337a1.75%201.75%200%201%201%202.327%202.335l-.001%203.67h3.671a1.75%201.75%200%200%201%201.44-.998L20.25%208a1.75%201.75%200%200%201%20.752%203.33v7.34A1.75%201.75%200%201%201%2018.669%2021H11.33zm.002-10.495l-3.676-.001v2.16c.55.261.943.801.994%201.438l.006.143a1.75%201.75%200%200%201-3.331.75h-2.158v3.677c.362.173.654.466.826.828h7.336c.173-.364.469-.66.833-.832v-7.336a1.76%201.76%200%200%201-.749-.676zm-5.176-.001h-2.166c-.172.36-.463.652-.822.824l-.001%202.167h2.157a1.76%201.76%200%200%201%20.832-.832zM12.668%204.5H5.333a1.76%201.76%200%200%201-.832.832v7.337c.362.172.655.465.828.826h3.677v-2.16a1.75%201.75%200%200%201-1-1.441L8%209.75a1.75%201.75%200%200%201%203.334-.746h2.161V5.329a1.76%201.76%200%200%201-.746-.678z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/pair-24-regular.svg?color=%231a73e8&size=48
