tape icon
tape-sharp-fill from Keyline Icons by Keyline Icons · Sharp Fill · MIT Free for personal and commercial use.
- Name
- tape-sharp-fill
- Set
- Keyline Icons
- Style
- Sharp Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Use the tape icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M2 8C2 9.3963 2.8437 10.7871 4.3396 11.8567C5.8354 12.9263 7.9718 13.6664 10.2635 13.9088C12.5553 14.1513 14.9847 13.8943 17 13.1962L16 14.5295L17 15.8628L18 17.1962L17 18.5295L16 19.8628L17 21.1962C14.9847 21.8943 12.5553 22.1513 10.2635 21.9088C7.9718 21.6664 5.8354 20.9263 4.3396 19.8567C2.8437 18.7871 2 17.3963 2 16Z" stroke="none"/><path d="M2 8C2 4.6863 6.4772 2 12 2C17.5228 2 22 4.6863 22 8C22 11.3137 17.5228 14 12 14C6.4772 14 2 11.3137 2 8ZM7 8C7 6.8954 9.2386 6 12 6C14.7614 6 17 6.8954 17 8C17 9.1046 14.7614 10 12 10C9.2386 10 7 9.1046 7 8ZM2 8L2 16C2 19.3137 6.4772 22 12 22C17.5228 22 22 19.3137 22 16L22 8M17 13.1962L16 14.5295L17 15.8628L18 17.1962L17 18.5295L16 19.8628L17 21.1962"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsTapeSharpFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" d="M2 8C2 9.3963 2.8437 10.7871 4.3396 11.8567C5.8354 12.9263 7.9718 13.6664 10.2635 13.9088C12.5553 14.1513 14.9847 13.8943 17 13.1962L16 14.5295L17 15.8628L18 17.1962L17 18.5295L16 19.8628L17 21.1962C14.9847 21.8943 12.5553 22.1513 10.2635 21.9088C7.9718 21.6664 5.8354 20.9263 4.3396 19.8567C2.8437 18.7871 2 17.3963 2 16Z" stroke="none"/><path d="M2 8C2 4.6863 6.4772 2 12 2C17.5228 2 22 4.6863 22 8C22 11.3137 17.5228 14 12 14C6.4772 14 2 11.3137 2 8ZM7 8C7 6.8954 9.2386 6 12 6C14.7614 6 17 6.8954 17 8C17 9.1046 14.7614 10 12 10C9.2386 10 7 9.1046 7 8ZM2 8L2 16C2 19.3137 6.4772 22 12 22C17.5228 22 22 19.3137 22 16L22 8M17 13.1962L16 14.5295L17 15.8628L18 17.1962L17 18.5295L16 19.8628L17 21.1962"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M2 8C2 9.3963 2.8437 10.7871 4.3396 11.8567C5.8354 12.9263 7.9718 13.6664 10.2635 13.9088C12.5553 14.1513 14.9847 13.8943 17 13.1962L16 14.5295L17 15.8628L18 17.1962L17 18.5295L16 19.8628L17 21.1962C14.9847 21.8943 12.5553 22.1513 10.2635 21.9088C7.9718 21.6664 5.8354 20.9263 4.3396 19.8567C2.8437 18.7871 2 17.3963 2 16Z" stroke="none"/><path d="M2 8C2 4.6863 6.4772 2 12 2C17.5228 2 22 4.6863 22 8C22 11.3137 17.5228 14 12 14C6.4772 14 2 11.3137 2 8ZM7 8C7 6.8954 9.2386 6 12 6C14.7614 6 17 6.8954 17 8C17 9.1046 14.7614 10 12 10C9.2386 10 7 9.1046 7 8ZM2 8L2 16C2 19.3137 6.4772 22 12 22C17.5228 22 22 19.3137 22 16L22 8M17 13.1962L16 14.5295L17 15.8628L18 17.1962L17 18.5295L16 19.8628L17 21.1962"/></g></svg> </template>
CSS
.icon-tape-sharp-fill {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%208C2%209.3963%202.8437%2010.7871%204.3396%2011.8567C5.8354%2012.9263%207.9718%2013.6664%2010.2635%2013.9088C12.5553%2014.1513%2014.9847%2013.8943%2017%2013.1962L16%2014.5295L17%2015.8628L18%2017.1962L17%2018.5295L16%2019.8628L17%2021.1962C14.9847%2021.8943%2012.5553%2022.1513%2010.2635%2021.9088C7.9718%2021.6664%205.8354%2020.9263%204.3396%2019.8567C2.8437%2018.7871%202%2017.3963%202%2016Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M2%208C2%204.6863%206.4772%202%2012%202C17.5228%202%2022%204.6863%2022%208C22%2011.3137%2017.5228%2014%2012%2014C6.4772%2014%202%2011.3137%202%208ZM7%208C7%206.8954%209.2386%206%2012%206C14.7614%206%2017%206.8954%2017%208C17%209.1046%2014.7614%2010%2012%2010C9.2386%2010%207%209.1046%207%208ZM2%208L2%2016C2%2019.3137%206.4772%2022%2012%2022C17.5228%2022%2022%2019.3137%2022%2016L22%208M17%2013.1962L16%2014.5295L17%2015.8628L18%2017.1962L17%2018.5295L16%2019.8628L17%2021.1962%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%208C2%209.3963%202.8437%2010.7871%204.3396%2011.8567C5.8354%2012.9263%207.9718%2013.6664%2010.2635%2013.9088C12.5553%2014.1513%2014.9847%2013.8943%2017%2013.1962L16%2014.5295L17%2015.8628L18%2017.1962L17%2018.5295L16%2019.8628L17%2021.1962C14.9847%2021.8943%2012.5553%2022.1513%2010.2635%2021.9088C7.9718%2021.6664%205.8354%2020.9263%204.3396%2019.8567C2.8437%2018.7871%202%2017.3963%202%2016Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M2%208C2%204.6863%206.4772%202%2012%202C17.5228%202%2022%204.6863%2022%208C22%2011.3137%2017.5228%2014%2012%2014C6.4772%2014%202%2011.3137%202%208ZM7%208C7%206.8954%209.2386%206%2012%206C14.7614%206%2017%206.8954%2017%208C17%209.1046%2014.7614%2010%2012%2010C9.2386%2010%207%209.1046%207%208ZM2%208L2%2016C2%2019.3137%206.4772%2022%2012%2022C17.5228%2022%2022%2019.3137%2022%2016L22%208M17%2013.1962L16%2014.5295L17%2015.8628L18%2017.1962L17%2018.5295L16%2019.8628L17%2021.1962%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/tape-sharp-fill.svg?color=%231a73e8&size=48
