flask conical off icon

flask-conical-off-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.

Name
flask-conical-off-fill
Set
Keyline Icons
Style
Fill
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

The same icon in other sets

Related icons in Keyline Icons

Use the flask conical off 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-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M20.869 20.869C20.486 22.1345 19.3198 23 17.9976 23L6.0024 23C4.3455 23 3.0024 21.6569 3.0024 20C3.0024 19.5539 3.1019 19.1133 3.2936 18.7105L8.2659 8.2659ZM9.7666 9.7666L6.323 17L17 17ZM10.5 3.8431L10.5 3L13.5 3L13.5 7.7741C13.5 8.0715 13.5663 8.3652 13.6942 8.6338L14.3632 10.0391C14.529 10.3874 14.8803 10.6092 15.2661 10.6092C15.8184 10.6092 16.2661 10.1615 16.2661 9.6092C16.2661 9.4605 16.2329 9.3137 16.169 9.1794L15.5 7.7741L15.5 3C15.5 1.8954 14.6046 1 13.5 1L10.5 1C9.3954 1 8.5 1.8954 8.5 3L8.5 3.8431C8.5 4.3954 8.9477 4.8431 9.5 4.8431C10.0523 4.8431 10.5 4.3954 10.5 3.8431Z" stroke="none"/><path d="M8 2L16 2M2 2L22 22"/></g></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsFlaskConicalOffFill(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" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" d="M20.869 20.869C20.486 22.1345 19.3198 23 17.9976 23L6.0024 23C4.3455 23 3.0024 21.6569 3.0024 20C3.0024 19.5539 3.1019 19.1133 3.2936 18.7105L8.2659 8.2659ZM9.7666 9.7666L6.323 17L17 17ZM10.5 3.8431L10.5 3L13.5 3L13.5 7.7741C13.5 8.0715 13.5663 8.3652 13.6942 8.6338L14.3632 10.0391C14.529 10.3874 14.8803 10.6092 15.2661 10.6092C15.8184 10.6092 16.2661 10.1615 16.2661 9.6092C16.2661 9.4605 16.2329 9.3137 16.169 9.1794L15.5 7.7741L15.5 3C15.5 1.8954 14.6046 1 13.5 1L10.5 1C9.3954 1 8.5 1.8954 8.5 3L8.5 3.8431C8.5 4.3954 8.9477 4.8431 9.5 4.8431C10.0523 4.8431 10.5 4.3954 10.5 3.8431Z" stroke="none"/><path d="M8 2L16 2M2 2L22 22"/></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-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M20.869 20.869C20.486 22.1345 19.3198 23 17.9976 23L6.0024 23C4.3455 23 3.0024 21.6569 3.0024 20C3.0024 19.5539 3.1019 19.1133 3.2936 18.7105L8.2659 8.2659ZM9.7666 9.7666L6.323 17L17 17ZM10.5 3.8431L10.5 3L13.5 3L13.5 7.7741C13.5 8.0715 13.5663 8.3652 13.6942 8.6338L14.3632 10.0391C14.529 10.3874 14.8803 10.6092 15.2661 10.6092C15.8184 10.6092 16.2661 10.1615 16.2661 9.6092C16.2661 9.4605 16.2329 9.3137 16.169 9.1794L15.5 7.7741L15.5 3C15.5 1.8954 14.6046 1 13.5 1L10.5 1C9.3954 1 8.5 1.8954 8.5 3L8.5 3.8431C8.5 4.3954 8.9477 4.8431 9.5 4.8431C10.0523 4.8431 10.5 4.3954 10.5 3.8431Z" stroke="none"/><path d="M8 2L16 2M2 2L22 22"/></g></svg>
</template>

CSS

.icon-flask-conical-off-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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.869%2020.869C20.486%2022.1345%2019.3198%2023%2017.9976%2023L6.0024%2023C4.3455%2023%203.0024%2021.6569%203.0024%2020C3.0024%2019.5539%203.1019%2019.1133%203.2936%2018.7105L8.2659%208.2659ZM9.7666%209.7666L6.323%2017L17%2017ZM10.5%203.8431L10.5%203L13.5%203L13.5%207.7741C13.5%208.0715%2013.5663%208.3652%2013.6942%208.6338L14.3632%2010.0391C14.529%2010.3874%2014.8803%2010.6092%2015.2661%2010.6092C15.8184%2010.6092%2016.2661%2010.1615%2016.2661%209.6092C16.2661%209.4605%2016.2329%209.3137%2016.169%209.1794L15.5%207.7741L15.5%203C15.5%201.8954%2014.6046%201%2013.5%201L10.5%201C9.3954%201%208.5%201.8954%208.5%203L8.5%203.8431C8.5%204.3954%208.9477%204.8431%209.5%204.8431C10.0523%204.8431%2010.5%204.3954%2010.5%203.8431Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M8%202L16%202M2%202L22%2022%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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.869%2020.869C20.486%2022.1345%2019.3198%2023%2017.9976%2023L6.0024%2023C4.3455%2023%203.0024%2021.6569%203.0024%2020C3.0024%2019.5539%203.1019%2019.1133%203.2936%2018.7105L8.2659%208.2659ZM9.7666%209.7666L6.323%2017L17%2017ZM10.5%203.8431L10.5%203L13.5%203L13.5%207.7741C13.5%208.0715%2013.5663%208.3652%2013.6942%208.6338L14.3632%2010.0391C14.529%2010.3874%2014.8803%2010.6092%2015.2661%2010.6092C15.8184%2010.6092%2016.2661%2010.1615%2016.2661%209.6092C16.2661%209.4605%2016.2329%209.3137%2016.169%209.1794L15.5%207.7741L15.5%203C15.5%201.8954%2014.6046%201%2013.5%201L10.5%201C9.3954%201%208.5%201.8954%208.5%203L8.5%203.8431C8.5%204.3954%208.9477%204.8431%209.5%204.8431C10.0523%204.8431%2010.5%204.3954%2010.5%203.8431Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M8%202L16%202M2%202L22%2022%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/flask-conical-off-fill.svg?color=%231a73e8&size=48