to pip icon

to-pip-duotone from Reicon by REICON · Duotone · Video · MIT Free for personal and commercial use.

Name
to-pip-duotone
Set
Reicon
Style
Duotone
Category
Video
Viewbox
24×24
License
MIT

2 other variants in Reicon

to-pipto-pip-filled

The same icon in other sets

to-pip-boldSolar

More video icons from Reicon

albumcameracamera-addcamera-add2camera-altcamera-offcamera-recordcamera-rotatecamera-squarecamera2camera3clapperboardclapperboard-editclapperboard-openclapperboard-open-playclapperboard-playclapperboard-textexit-fullscreenexit-fullscreen-circleexit-fullscreen-squareexit-pipfast-forwardfast-forward-circlefilm

Use the to pip icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M13.996 21h-4l-1.115-.001c-3.04-.012-4.663-.12-5.713-1.17a3 3 0 0 1-.19-.214c-.843-1.021-.96-2.558-.975-5.235A21 21 0 0 1 2 13.887V11c0-3.771 0-5.657 1.17-6.828C4.344 3 6.23 3 10.002 3h4c3.77 0 5.656 0 6.828 1.172q.1.1.19.213c.842 1.021.959 2.558.975 5.235q.003.273.002.493V13c0 3.771 0 5.657-1.171 6.828S17.767 21 13.996 21" opacity=".5"/><path d="M13 17c0-1.886 0-2.828.586-3.414S15.114 13 17 13h1c1.886 0 2.828 0 3.414.586S22 15.114 22 17s0 2.828-.586 3.414S19.886 21 18 21h-1c-1.886 0-2.828 0-3.414-.586S13 18.886 13 17M8.03 6.97a.75.75 0 0 0-1.06 1.06l2.72 2.72H8.5a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-1.5 0v1.19z"/></g></svg>

React

import type { SVGProps } from "react";

export function ReiconToPipDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M13.996 21h-4l-1.115-.001c-3.04-.012-4.663-.12-5.713-1.17a3 3 0 0 1-.19-.214c-.843-1.021-.96-2.558-.975-5.235A21 21 0 0 1 2 13.887V11c0-3.771 0-5.657 1.17-6.828C4.344 3 6.23 3 10.002 3h4c3.77 0 5.656 0 6.828 1.172q.1.1.19.213c.842 1.021.959 2.558.975 5.235q.003.273.002.493V13c0 3.771 0 5.657-1.171 6.828S17.767 21 13.996 21" opacity=".5"/><path d="M13 17c0-1.886 0-2.828.586-3.414S15.114 13 17 13h1c1.886 0 2.828 0 3.414.586S22 15.114 22 17s0 2.828-.586 3.414S19.886 21 18 21h-1c-1.886 0-2.828 0-3.414-.586S13 18.886 13 17M8.03 6.97a.75.75 0 0 0-1.06 1.06l2.72 2.72H8.5a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-1.5 0v1.19z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M13.996 21h-4l-1.115-.001c-3.04-.012-4.663-.12-5.713-1.17a3 3 0 0 1-.19-.214c-.843-1.021-.96-2.558-.975-5.235A21 21 0 0 1 2 13.887V11c0-3.771 0-5.657 1.17-6.828C4.344 3 6.23 3 10.002 3h4c3.77 0 5.656 0 6.828 1.172q.1.1.19.213c.842 1.021.959 2.558.975 5.235q.003.273.002.493V13c0 3.771 0 5.657-1.171 6.828S17.767 21 13.996 21" opacity=".5"/><path d="M13 17c0-1.886 0-2.828.586-3.414S15.114 13 17 13h1c1.886 0 2.828 0 3.414.586S22 15.114 22 17s0 2.828-.586 3.414S19.886 21 18 21h-1c-1.886 0-2.828 0-3.414-.586S13 18.886 13 17M8.03 6.97a.75.75 0 0 0-1.06 1.06l2.72 2.72H8.5a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-1.5 0v1.19z"/></g></svg>
</template>

CSS

.icon-to-pip-duotone {
  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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M13.996%2021h-4l-1.115-.001c-3.04-.012-4.663-.12-5.713-1.17a3%203%200%200%201-.19-.214c-.843-1.021-.96-2.558-.975-5.235A21%2021%200%200%201%202%2013.887V11c0-3.771%200-5.657%201.17-6.828C4.344%203%206.23%203%2010.002%203h4c3.77%200%205.656%200%206.828%201.172q.1.1.19.213c.842%201.021.959%202.558.975%205.235q.003.273.002.493V13c0%203.771%200%205.657-1.171%206.828S17.767%2021%2013.996%2021%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M13%2017c0-1.886%200-2.828.586-3.414S15.114%2013%2017%2013h1c1.886%200%202.828%200%203.414.586S22%2015.114%2022%2017s0%202.828-.586%203.414S19.886%2021%2018%2021h-1c-1.886%200-2.828%200-3.414-.586S13%2018.886%2013%2017M8.03%206.97a.75.75%200%200%200-1.06%201.06l2.72%202.72H8.5a.75.75%200%200%200%200%201.5h3a.75.75%200%200%200%20.75-.75v-3a.75.75%200%200%200-1.5%200v1.19z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M13.996%2021h-4l-1.115-.001c-3.04-.012-4.663-.12-5.713-1.17a3%203%200%200%201-.19-.214c-.843-1.021-.96-2.558-.975-5.235A21%2021%200%200%201%202%2013.887V11c0-3.771%200-5.657%201.17-6.828C4.344%203%206.23%203%2010.002%203h4c3.77%200%205.656%200%206.828%201.172q.1.1.19.213c.842%201.021.959%202.558.975%205.235q.003.273.002.493V13c0%203.771%200%205.657-1.171%206.828S17.767%2021%2013.996%2021%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M13%2017c0-1.886%200-2.828.586-3.414S15.114%2013%2017%2013h1c1.886%200%202.828%200%203.414.586S22%2015.114%2022%2017s0%202.828-.586%203.414S19.886%2021%2018%2021h-1c-1.886%200-2.828%200-3.414-.586S13%2018.886%2013%2017M8.03%206.97a.75.75%200%200%200-1.06%201.06l2.72%202.72H8.5a.75.75%200%200%200%200%201.5h3a.75.75%200%200%200%20.75-.75v-3a.75.75%200%200%200-1.5%200v1.19z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/to-pip-duotone.svg?color=%231a73e8&size=48

To Pip duotone icon — Reicon · IconsDB