To P I P icon in outline, twotone, bold and bulk. Free in all four styles, for player, gallery, camera, music, volume. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconToPIP } from "@devigner-ui/icons";
<IconToPIP className="size-6" />
<script setup>
import { IconToPIP } from "@devigner-ui/icons-vue";
</script>
<template>
<IconToPIP class="size-6" />
</template>
<script>
import { IconToPIP } from "@devigner-ui/icons-svelte";
</script>
<IconToPIP class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="1" d="M22 17.5V11c0-3.77 0-5.66-1.17-6.83S17.77 3 14 3h-4C6.23 3 4.34 3 3.17 4.17S2 7.23 2 11v2c0 3.77 0 5.66 1.17 6.83S6.23 21 10 21h8" stroke="currentColor" stroke-width="1.5"></path><path d="M13 17c0-1.89 0-2.83.59-3.41C14.17 13 15.1 13 17 13h1c1.89 0 2.83 0 3.41.59.59.58.59 1.52.59 3.41s0 2.83-.59 3.41C20.83 21 19.9 21 18 21h-1c-1.89 0-2.83 0-3.41-.59C13 19.83 13 18.9 13 17" stroke="currentColor" stroke-width="1.5"></path><path d="M11.5 11.5v-3m0 3h-3m3 0-4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>