recordingtape icon

recordingtape from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.

Name
recordingtape
Set
Framework7 Icons
Style
Outline
Viewbox
56×56
License
MIT

Use the recordingtape icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M13.844 38.793H42.18c5.976 0 10.78-4.852 10.78-10.805c0-5.93-4.804-10.781-10.78-10.781c-5.953 0-10.782 4.852-10.782 10.781a10.67 10.67 0 0 0 2.977 7.43h-12.75a10.78 10.78 0 0 0 2.977-7.43c0-5.93-4.805-10.781-10.758-10.781c-5.977 0-10.805 4.852-10.805 10.781c0 5.953 4.852 10.805 10.805 10.805m0-3.727a7.057 7.057 0 0 1-7.078-7.078c0-3.89 3.14-7.054 7.078-7.054c3.914 0 7.078 3.164 7.078 7.054a7.07 7.07 0 0 1-7.078 7.078m28.336 0c-3.914 0-7.055-3.164-7.055-7.078c0-3.89 3.14-7.054 7.055-7.054s7.078 3.164 7.078 7.054a7.07 7.07 0 0 1-7.078 7.078"/></svg>

React

import type { SVGProps } from "react";

export function F7Recordingtape(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M13.844 38.793H42.18c5.976 0 10.78-4.852 10.78-10.805c0-5.93-4.804-10.781-10.78-10.781c-5.953 0-10.782 4.852-10.782 10.781a10.67 10.67 0 0 0 2.977 7.43h-12.75a10.78 10.78 0 0 0 2.977-7.43c0-5.93-4.805-10.781-10.758-10.781c-5.977 0-10.805 4.852-10.805 10.781c0 5.953 4.852 10.805 10.805 10.805m0-3.727a7.057 7.057 0 0 1-7.078-7.078c0-3.89 3.14-7.054 7.078-7.054c3.914 0 7.078 3.164 7.078 7.054a7.07 7.07 0 0 1-7.078 7.078m28.336 0c-3.914 0-7.055-3.164-7.055-7.078c0-3.89 3.14-7.054 7.055-7.054s7.078 3.164 7.078 7.054a7.07 7.07 0 0 1-7.078 7.078"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M13.844 38.793H42.18c5.976 0 10.78-4.852 10.78-10.805c0-5.93-4.804-10.781-10.78-10.781c-5.953 0-10.782 4.852-10.782 10.781a10.67 10.67 0 0 0 2.977 7.43h-12.75a10.78 10.78 0 0 0 2.977-7.43c0-5.93-4.805-10.781-10.758-10.781c-5.977 0-10.805 4.852-10.805 10.781c0 5.953 4.852 10.805 10.805 10.805m0-3.727a7.057 7.057 0 0 1-7.078-7.078c0-3.89 3.14-7.054 7.078-7.054c3.914 0 7.078 3.164 7.078 7.054a7.07 7.07 0 0 1-7.078 7.078m28.336 0c-3.914 0-7.055-3.164-7.055-7.078c0-3.89 3.14-7.054 7.055-7.054s7.078 3.164 7.078 7.054a7.07 7.07 0 0 1-7.078 7.078"/></svg>
</template>

CSS

.icon-recordingtape {
  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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.844%2038.793H42.18c5.976%200%2010.78-4.852%2010.78-10.805c0-5.93-4.804-10.781-10.78-10.781c-5.953%200-10.782%204.852-10.782%2010.781a10.67%2010.67%200%200%200%202.977%207.43h-12.75a10.78%2010.78%200%200%200%202.977-7.43c0-5.93-4.805-10.781-10.758-10.781c-5.977%200-10.805%204.852-10.805%2010.781c0%205.953%204.852%2010.805%2010.805%2010.805m0-3.727a7.057%207.057%200%200%201-7.078-7.078c0-3.89%203.14-7.054%207.078-7.054c3.914%200%207.078%203.164%207.078%207.054a7.07%207.07%200%200%201-7.078%207.078m28.336%200c-3.914%200-7.055-3.164-7.055-7.078c0-3.89%203.14-7.054%207.055-7.054s7.078%203.164%207.078%207.054a7.07%207.07%200%200%201-7.078%207.078%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.844%2038.793H42.18c5.976%200%2010.78-4.852%2010.78-10.805c0-5.93-4.804-10.781-10.78-10.781c-5.953%200-10.782%204.852-10.782%2010.781a10.67%2010.67%200%200%200%202.977%207.43h-12.75a10.78%2010.78%200%200%200%202.977-7.43c0-5.93-4.805-10.781-10.758-10.781c-5.977%200-10.805%204.852-10.805%2010.781c0%205.953%204.852%2010.805%2010.805%2010.805m0-3.727a7.057%207.057%200%200%201-7.078-7.078c0-3.89%203.14-7.054%207.078-7.054c3.914%200%207.078%203.164%207.078%207.054a7.07%207.07%200%200%201-7.078%207.078m28.336%200c-3.914%200-7.055-3.164-7.055-7.078c0-3.89%203.14-7.054%207.055-7.054s7.078%203.164%207.078%207.054a7.07%207.07%200%200%201-7.078%207.078%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/recordingtape.svg?color=%231a73e8&size=48