drop icon
drop from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- drop
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
The same icon in other sets
Related icons in Framework7 Icons
Use the drop icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="m29.622 4.22l.854 1.193l.418.59l.818 1.166l.4.577l.78 1.14l.757 1.124l.732 1.106l.708 1.09l.344.538l.671 1.063l.647 1.046l.623 1.028l.597 1.012a98 98 0 0 1 1.648 2.93l.5.943l.241.465l.464.917Q45 30.548 45 36c0 9.389-7.611 17-17 17s-17-7.611-17-17q0-5.452 4.176-13.852l.464-.917l.24-.465l.501-.942a98 98 0 0 1 1.648-2.931l.597-1.012l.623-1.028l.647-1.046l.67-1.063l.345-.539l.708-1.089l.732-1.106l.757-1.123l.78-1.14l.806-1.159l.412-.585l.842-1.184l.43-.598a2 2 0 0 1 3.244 0M28 8.842l-.79 1.137l-.766 1.118l-.741 1.1l-.361.543l-.703 1.072l-.679 1.053l-.653 1.035l-.318.51l-.616 1.007l-.298.497l-.58.978l-.553.96q-.407.711-.785 1.403l-.492.911l-.467.893q-.228.441-.443.873l-.417.853l-.393.835q-.38.824-.712 1.61l-.32.774C15.637 31.193 15 33.866 15 36c0 7.18 5.82 13 13 13s13-5.82 13-13c0-2.134-.636-4.807-1.914-7.997l-.319-.775q-.33-.785-.712-1.61l-.393-.834l-.417-.853q-.215-.432-.443-.873l-.467-.893l-.492-.911q-.378-.69-.785-1.404l-.554-.959l-.579-.978l-.603-.998q-.309-.503-.629-1.016l-.653-1.035l-.679-1.053l-.703-1.072l-.36-.543l-.742-1.1l-.765-1.118L28 8.84m10.471 26.25q.006.098-.003.194q-.48 5.111-3.276 7.907q-2.679 2.68-7.485 3.232l-.422.044a1.255 1.255 0 0 1-1.37-1.326a1.337 1.337 0 0 1 1.394-1.255q3.38.15 6.055-2.523q2.553-2.552 2.531-5.75l-.008-.305a1.337 1.337 0 0 1 1.255-1.395a1.255 1.255 0 0 1 1.33 1.177"/></svg>
React
import type { SVGProps } from "react";
export function F7Drop(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="m29.622 4.22l.854 1.193l.418.59l.818 1.166l.4.577l.78 1.14l.757 1.124l.732 1.106l.708 1.09l.344.538l.671 1.063l.647 1.046l.623 1.028l.597 1.012a98 98 0 0 1 1.648 2.93l.5.943l.241.465l.464.917Q45 30.548 45 36c0 9.389-7.611 17-17 17s-17-7.611-17-17q0-5.452 4.176-13.852l.464-.917l.24-.465l.501-.942a98 98 0 0 1 1.648-2.931l.597-1.012l.623-1.028l.647-1.046l.67-1.063l.345-.539l.708-1.089l.732-1.106l.757-1.123l.78-1.14l.806-1.159l.412-.585l.842-1.184l.43-.598a2 2 0 0 1 3.244 0M28 8.842l-.79 1.137l-.766 1.118l-.741 1.1l-.361.543l-.703 1.072l-.679 1.053l-.653 1.035l-.318.51l-.616 1.007l-.298.497l-.58.978l-.553.96q-.407.711-.785 1.403l-.492.911l-.467.893q-.228.441-.443.873l-.417.853l-.393.835q-.38.824-.712 1.61l-.32.774C15.637 31.193 15 33.866 15 36c0 7.18 5.82 13 13 13s13-5.82 13-13c0-2.134-.636-4.807-1.914-7.997l-.319-.775q-.33-.785-.712-1.61l-.393-.834l-.417-.853q-.215-.432-.443-.873l-.467-.893l-.492-.911q-.378-.69-.785-1.404l-.554-.959l-.579-.978l-.603-.998q-.309-.503-.629-1.016l-.653-1.035l-.679-1.053l-.703-1.072l-.36-.543l-.742-1.1l-.765-1.118L28 8.84m10.471 26.25q.006.098-.003.194q-.48 5.111-3.276 7.907q-2.679 2.68-7.485 3.232l-.422.044a1.255 1.255 0 0 1-1.37-1.326a1.337 1.337 0 0 1 1.394-1.255q3.38.15 6.055-2.523q2.553-2.552 2.531-5.75l-.008-.305a1.337 1.337 0 0 1 1.255-1.395a1.255 1.255 0 0 1 1.33 1.177"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="m29.622 4.22l.854 1.193l.418.59l.818 1.166l.4.577l.78 1.14l.757 1.124l.732 1.106l.708 1.09l.344.538l.671 1.063l.647 1.046l.623 1.028l.597 1.012a98 98 0 0 1 1.648 2.93l.5.943l.241.465l.464.917Q45 30.548 45 36c0 9.389-7.611 17-17 17s-17-7.611-17-17q0-5.452 4.176-13.852l.464-.917l.24-.465l.501-.942a98 98 0 0 1 1.648-2.931l.597-1.012l.623-1.028l.647-1.046l.67-1.063l.345-.539l.708-1.089l.732-1.106l.757-1.123l.78-1.14l.806-1.159l.412-.585l.842-1.184l.43-.598a2 2 0 0 1 3.244 0M28 8.842l-.79 1.137l-.766 1.118l-.741 1.1l-.361.543l-.703 1.072l-.679 1.053l-.653 1.035l-.318.51l-.616 1.007l-.298.497l-.58.978l-.553.96q-.407.711-.785 1.403l-.492.911l-.467.893q-.228.441-.443.873l-.417.853l-.393.835q-.38.824-.712 1.61l-.32.774C15.637 31.193 15 33.866 15 36c0 7.18 5.82 13 13 13s13-5.82 13-13c0-2.134-.636-4.807-1.914-7.997l-.319-.775q-.33-.785-.712-1.61l-.393-.834l-.417-.853q-.215-.432-.443-.873l-.467-.893l-.492-.911q-.378-.69-.785-1.404l-.554-.959l-.579-.978l-.603-.998q-.309-.503-.629-1.016l-.653-1.035l-.679-1.053l-.703-1.072l-.36-.543l-.742-1.1l-.765-1.118L28 8.84m10.471 26.25q.006.098-.003.194q-.48 5.111-3.276 7.907q-2.679 2.68-7.485 3.232l-.422.044a1.255 1.255 0 0 1-1.37-1.326a1.337 1.337 0 0 1 1.394-1.255q3.38.15 6.055-2.523q2.553-2.552 2.531-5.75l-.008-.305a1.337 1.337 0 0 1 1.255-1.395a1.255 1.255 0 0 1 1.33 1.177"/></svg> </template>
CSS
.icon-drop {
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%22m29.622%204.22l.854%201.193l.418.59l.818%201.166l.4.577l.78%201.14l.757%201.124l.732%201.106l.708%201.09l.344.538l.671%201.063l.647%201.046l.623%201.028l.597%201.012a98%2098%200%200%201%201.648%202.93l.5.943l.241.465l.464.917Q45%2030.548%2045%2036c0%209.389-7.611%2017-17%2017s-17-7.611-17-17q0-5.452%204.176-13.852l.464-.917l.24-.465l.501-.942a98%2098%200%200%201%201.648-2.931l.597-1.012l.623-1.028l.647-1.046l.67-1.063l.345-.539l.708-1.089l.732-1.106l.757-1.123l.78-1.14l.806-1.159l.412-.585l.842-1.184l.43-.598a2%202%200%200%201%203.244%200M28%208.842l-.79%201.137l-.766%201.118l-.741%201.1l-.361.543l-.703%201.072l-.679%201.053l-.653%201.035l-.318.51l-.616%201.007l-.298.497l-.58.978l-.553.96q-.407.711-.785%201.403l-.492.911l-.467.893q-.228.441-.443.873l-.417.853l-.393.835q-.38.824-.712%201.61l-.32.774C15.637%2031.193%2015%2033.866%2015%2036c0%207.18%205.82%2013%2013%2013s13-5.82%2013-13c0-2.134-.636-4.807-1.914-7.997l-.319-.775q-.33-.785-.712-1.61l-.393-.834l-.417-.853q-.215-.432-.443-.873l-.467-.893l-.492-.911q-.378-.69-.785-1.404l-.554-.959l-.579-.978l-.603-.998q-.309-.503-.629-1.016l-.653-1.035l-.679-1.053l-.703-1.072l-.36-.543l-.742-1.1l-.765-1.118L28%208.84m10.471%2026.25q.006.098-.003.194q-.48%205.111-3.276%207.907q-2.679%202.68-7.485%203.232l-.422.044a1.255%201.255%200%200%201-1.37-1.326a1.337%201.337%200%200%201%201.394-1.255q3.38.15%206.055-2.523q2.553-2.552%202.531-5.75l-.008-.305a1.337%201.337%200%200%201%201.255-1.395a1.255%201.255%200%200%201%201.33%201.177%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%22m29.622%204.22l.854%201.193l.418.59l.818%201.166l.4.577l.78%201.14l.757%201.124l.732%201.106l.708%201.09l.344.538l.671%201.063l.647%201.046l.623%201.028l.597%201.012a98%2098%200%200%201%201.648%202.93l.5.943l.241.465l.464.917Q45%2030.548%2045%2036c0%209.389-7.611%2017-17%2017s-17-7.611-17-17q0-5.452%204.176-13.852l.464-.917l.24-.465l.501-.942a98%2098%200%200%201%201.648-2.931l.597-1.012l.623-1.028l.647-1.046l.67-1.063l.345-.539l.708-1.089l.732-1.106l.757-1.123l.78-1.14l.806-1.159l.412-.585l.842-1.184l.43-.598a2%202%200%200%201%203.244%200M28%208.842l-.79%201.137l-.766%201.118l-.741%201.1l-.361.543l-.703%201.072l-.679%201.053l-.653%201.035l-.318.51l-.616%201.007l-.298.497l-.58.978l-.553.96q-.407.711-.785%201.403l-.492.911l-.467.893q-.228.441-.443.873l-.417.853l-.393.835q-.38.824-.712%201.61l-.32.774C15.637%2031.193%2015%2033.866%2015%2036c0%207.18%205.82%2013%2013%2013s13-5.82%2013-13c0-2.134-.636-4.807-1.914-7.997l-.319-.775q-.33-.785-.712-1.61l-.393-.834l-.417-.853q-.215-.432-.443-.873l-.467-.893l-.492-.911q-.378-.69-.785-1.404l-.554-.959l-.579-.978l-.603-.998q-.309-.503-.629-1.016l-.653-1.035l-.679-1.053l-.703-1.072l-.36-.543l-.742-1.1l-.765-1.118L28%208.84m10.471%2026.25q.006.098-.003.194q-.48%205.111-3.276%207.907q-2.679%202.68-7.485%203.232l-.422.044a1.255%201.255%200%200%201-1.37-1.326a1.337%201.337%200%200%201%201.394-1.255q3.38.15%206.055-2.523q2.553-2.552%202.531-5.75l-.008-.305a1.337%201.337%200%200%201%201.255-1.395a1.255%201.255%200%200%201%201.33%201.177%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/drop.svg?color=%231a73e8&size=48
