ios flask icon
ios-flask from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-flask
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
1 other variant in IonIcons
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios flask icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M437.4 354.4L320.7 159.9c-.4-.6-.6-1.3-.6-2.1V80c0-2.2 1.8-4 4-4 6.6 0 12-5.4 12-12v-4c0-6.6-5.4-12-12-12H187.8c-6.6 0-12 5.4-12 12v4c0 6.6 5.4 12 12 12 2.2 0 4 1.8 4 4v77.9c0 .7-.2 1.4-.6 2L75.7 354.4c-8.4 15.8-12.5 31.4-12.1 45.6 1.1 36.5 28.8 64 65.2 64h256.6c36.4 0 62.3-27.6 63.2-64 .2-14.2-2.7-29.7-11.2-45.6zM161.8 288c-6.2 0-10.1-6.8-6.9-12.1l60.5-101.7c2.9-4.9 4.5-10.6 4.5-16.3V80c0-1.4-.1-2.7-.2-4h72.7c-.2 1.3-.2 2.6-.2 4v77.9c0 5.8 1.6 11.5 4.6 16.4l60.4 101.6c3.2 5.3-.7 12.1-6.9 12.1H161.8z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosFlask(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M437.4 354.4L320.7 159.9c-.4-.6-.6-1.3-.6-2.1V80c0-2.2 1.8-4 4-4 6.6 0 12-5.4 12-12v-4c0-6.6-5.4-12-12-12H187.8c-6.6 0-12 5.4-12 12v4c0 6.6 5.4 12 12 12 2.2 0 4 1.8 4 4v77.9c0 .7-.2 1.4-.6 2L75.7 354.4c-8.4 15.8-12.5 31.4-12.1 45.6 1.1 36.5 28.8 64 65.2 64h256.6c36.4 0 62.3-27.6 63.2-64 .2-14.2-2.7-29.7-11.2-45.6zM161.8 288c-6.2 0-10.1-6.8-6.9-12.1l60.5-101.7c2.9-4.9 4.5-10.6 4.5-16.3V80c0-1.4-.1-2.7-.2-4h72.7c-.2 1.3-.2 2.6-.2 4v77.9c0 5.8 1.6 11.5 4.6 16.4l60.4 101.6c3.2 5.3-.7 12.1-6.9 12.1H161.8z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M437.4 354.4L320.7 159.9c-.4-.6-.6-1.3-.6-2.1V80c0-2.2 1.8-4 4-4 6.6 0 12-5.4 12-12v-4c0-6.6-5.4-12-12-12H187.8c-6.6 0-12 5.4-12 12v4c0 6.6 5.4 12 12 12 2.2 0 4 1.8 4 4v77.9c0 .7-.2 1.4-.6 2L75.7 354.4c-8.4 15.8-12.5 31.4-12.1 45.6 1.1 36.5 28.8 64 65.2 64h256.6c36.4 0 62.3-27.6 63.2-64 .2-14.2-2.7-29.7-11.2-45.6zM161.8 288c-6.2 0-10.1-6.8-6.9-12.1l60.5-101.7c2.9-4.9 4.5-10.6 4.5-16.3V80c0-1.4-.1-2.7-.2-4h72.7c-.2 1.3-.2 2.6-.2 4v77.9c0 5.8 1.6 11.5 4.6 16.4l60.4 101.6c3.2 5.3-.7 12.1-6.9 12.1H161.8z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-flask {
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%20512%20512%22%3E%3Cpath%20d%3D%22M437.4%20354.4L320.7%20159.9c-.4-.6-.6-1.3-.6-2.1V80c0-2.2%201.8-4%204-4%206.6%200%2012-5.4%2012-12v-4c0-6.6-5.4-12-12-12H187.8c-6.6%200-12%205.4-12%2012v4c0%206.6%205.4%2012%2012%2012%202.2%200%204%201.8%204%204v77.9c0%20.7-.2%201.4-.6%202L75.7%20354.4c-8.4%2015.8-12.5%2031.4-12.1%2045.6%201.1%2036.5%2028.8%2064%2065.2%2064h256.6c36.4%200%2062.3-27.6%2063.2-64%20.2-14.2-2.7-29.7-11.2-45.6zM161.8%20288c-6.2%200-10.1-6.8-6.9-12.1l60.5-101.7c2.9-4.9%204.5-10.6%204.5-16.3V80c0-1.4-.1-2.7-.2-4h72.7c-.2%201.3-.2%202.6-.2%204v77.9c0%205.8%201.6%2011.5%204.6%2016.4l60.4%20101.6c3.2%205.3-.7%2012.1-6.9%2012.1H161.8z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M437.4%20354.4L320.7%20159.9c-.4-.6-.6-1.3-.6-2.1V80c0-2.2%201.8-4%204-4%206.6%200%2012-5.4%2012-12v-4c0-6.6-5.4-12-12-12H187.8c-6.6%200-12%205.4-12%2012v4c0%206.6%205.4%2012%2012%2012%202.2%200%204%201.8%204%204v77.9c0%20.7-.2%201.4-.6%202L75.7%20354.4c-8.4%2015.8-12.5%2031.4-12.1%2045.6%201.1%2036.5%2028.8%2064%2065.2%2064h256.6c36.4%200%2062.3-27.6%2063.2-64%20.2-14.2-2.7-29.7-11.2-45.6zM161.8%20288c-6.2%200-10.1-6.8-6.9-12.1l60.5-101.7c2.9-4.9%204.5-10.6%204.5-16.3V80c0-1.4-.1-2.7-.2-4h72.7c-.2%201.3-.2%202.6-.2%204v77.9c0%205.8%201.6%2011.5%204.6%2016.4l60.4%20101.6c3.2%205.3-.7%2012.1-6.9%2012.1H161.8z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-flask.svg?color=%231a73e8&size=48
