flood logo
flood from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- flood
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the flood logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.683 16.283c-1.233-.066-1.85-1.533-2.15-2.433c-.266-.767-.666-2.117-.966-2.933c-.35-.95-.45-1.017-.65-1.017c-.417 0-.734 1.183-1.05 2.067c-.667 1.833-1.167 3.85-2.934 3.85c-1.533 0-2.216-1.184-2.7-1.884c-.45-.666-.716-.816-1.133-.816c-.533 0-.783.466-1.267 1.283c-.283.467-.6.95-.966 1.267c-.1.083-.934.733-1.717.633c-.45-.067-.767-.333-.767-.783c0-.617.684-.734 1.067-.884c.333-.116.733-.716.933-1.05c.534-.916 1.217-2.116 2.75-2.116c1.35 0 2 .866 2.5 1.55c.45.616.717 1.116 1.234 1.133c.433.017 1.033-1.617 1.383-2.75c.533-1.733 1.233-3.333 2.633-3.333c1.884 0 2.434 2.633 3.017 4.65c.083.3.283.933.333 1.016c.267.567.484.934.717 1.05c.267.15.7.434.567.934c-.084.383-.434.583-.834.566m-15.366-1.6q.024 0 0 0q.024 0 0 0M12 0C5.367 0 0 5.367 0 12s5.367 12 12 12s12-5.367 12-12S18.633 0 12 0m0 22.017A10.015 10.015 0 0 1 1.983 12A10.015 10.015 0 0 1 12 1.983A10.015 10.015 0 0 1 22.017 12A10.015 10.015 0 0 1 12 22.017"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsFlood(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.683 16.283c-1.233-.066-1.85-1.533-2.15-2.433c-.266-.767-.666-2.117-.966-2.933c-.35-.95-.45-1.017-.65-1.017c-.417 0-.734 1.183-1.05 2.067c-.667 1.833-1.167 3.85-2.934 3.85c-1.533 0-2.216-1.184-2.7-1.884c-.45-.666-.716-.816-1.133-.816c-.533 0-.783.466-1.267 1.283c-.283.467-.6.95-.966 1.267c-.1.083-.934.733-1.717.633c-.45-.067-.767-.333-.767-.783c0-.617.684-.734 1.067-.884c.333-.116.733-.716.933-1.05c.534-.916 1.217-2.116 2.75-2.116c1.35 0 2 .866 2.5 1.55c.45.616.717 1.116 1.234 1.133c.433.017 1.033-1.617 1.383-2.75c.533-1.733 1.233-3.333 2.633-3.333c1.884 0 2.434 2.633 3.017 4.65c.083.3.283.933.333 1.016c.267.567.484.934.717 1.05c.267.15.7.434.567.934c-.084.383-.434.583-.834.566m-15.366-1.6q.024 0 0 0q.024 0 0 0M12 0C5.367 0 0 5.367 0 12s5.367 12 12 12s12-5.367 12-12S18.633 0 12 0m0 22.017A10.015 10.015 0 0 1 1.983 12A10.015 10.015 0 0 1 12 1.983A10.015 10.015 0 0 1 22.017 12A10.015 10.015 0 0 1 12 22.017"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.683 16.283c-1.233-.066-1.85-1.533-2.15-2.433c-.266-.767-.666-2.117-.966-2.933c-.35-.95-.45-1.017-.65-1.017c-.417 0-.734 1.183-1.05 2.067c-.667 1.833-1.167 3.85-2.934 3.85c-1.533 0-2.216-1.184-2.7-1.884c-.45-.666-.716-.816-1.133-.816c-.533 0-.783.466-1.267 1.283c-.283.467-.6.95-.966 1.267c-.1.083-.934.733-1.717.633c-.45-.067-.767-.333-.767-.783c0-.617.684-.734 1.067-.884c.333-.116.733-.716.933-1.05c.534-.916 1.217-2.116 2.75-2.116c1.35 0 2 .866 2.5 1.55c.45.616.717 1.116 1.234 1.133c.433.017 1.033-1.617 1.383-2.75c.533-1.733 1.233-3.333 2.633-3.333c1.884 0 2.434 2.633 3.017 4.65c.083.3.283.933.333 1.016c.267.567.484.934.717 1.05c.267.15.7.434.567.934c-.084.383-.434.583-.834.566m-15.366-1.6q.024 0 0 0q.024 0 0 0M12 0C5.367 0 0 5.367 0 12s5.367 12 12 12s12-5.367 12-12S18.633 0 12 0m0 22.017A10.015 10.015 0 0 1 1.983 12A10.015 10.015 0 0 1 12 1.983A10.015 10.015 0 0 1 22.017 12A10.015 10.015 0 0 1 12 22.017"/></svg> </template>
CSS
.icon-flood {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.683%2016.283c-1.233-.066-1.85-1.533-2.15-2.433c-.266-.767-.666-2.117-.966-2.933c-.35-.95-.45-1.017-.65-1.017c-.417%200-.734%201.183-1.05%202.067c-.667%201.833-1.167%203.85-2.934%203.85c-1.533%200-2.216-1.184-2.7-1.884c-.45-.666-.716-.816-1.133-.816c-.533%200-.783.466-1.267%201.283c-.283.467-.6.95-.966%201.267c-.1.083-.934.733-1.717.633c-.45-.067-.767-.333-.767-.783c0-.617.684-.734%201.067-.884c.333-.116.733-.716.933-1.05c.534-.916%201.217-2.116%202.75-2.116c1.35%200%202%20.866%202.5%201.55c.45.616.717%201.116%201.234%201.133c.433.017%201.033-1.617%201.383-2.75c.533-1.733%201.233-3.333%202.633-3.333c1.884%200%202.434%202.633%203.017%204.65c.083.3.283.933.333%201.016c.267.567.484.934.717%201.05c.267.15.7.434.567.934c-.084.383-.434.583-.834.566m-15.366-1.6q.024%200%200%200q.024%200%200%200M12%200C5.367%200%200%205.367%200%2012s5.367%2012%2012%2012s12-5.367%2012-12S18.633%200%2012%200m0%2022.017A10.015%2010.015%200%200%201%201.983%2012A10.015%2010.015%200%200%201%2012%201.983A10.015%2010.015%200%200%201%2022.017%2012A10.015%2010.015%200%200%201%2012%2022.017%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.683%2016.283c-1.233-.066-1.85-1.533-2.15-2.433c-.266-.767-.666-2.117-.966-2.933c-.35-.95-.45-1.017-.65-1.017c-.417%200-.734%201.183-1.05%202.067c-.667%201.833-1.167%203.85-2.934%203.85c-1.533%200-2.216-1.184-2.7-1.884c-.45-.666-.716-.816-1.133-.816c-.533%200-.783.466-1.267%201.283c-.283.467-.6.95-.966%201.267c-.1.083-.934.733-1.717.633c-.45-.067-.767-.333-.767-.783c0-.617.684-.734%201.067-.884c.333-.116.733-.716.933-1.05c.534-.916%201.217-2.116%202.75-2.116c1.35%200%202%20.866%202.5%201.55c.45.616.717%201.116%201.234%201.133c.433.017%201.033-1.617%201.383-2.75c.533-1.733%201.233-3.333%202.633-3.333c1.884%200%202.434%202.633%203.017%204.65c.083.3.283.933.333%201.016c.267.567.484.934.717%201.05c.267.15.7.434.567.934c-.084.383-.434.583-.834.566m-15.366-1.6q.024%200%200%200q.024%200%200%200M12%200C5.367%200%200%205.367%200%2012s5.367%2012%2012%2012s12-5.367%2012-12S18.633%200%2012%200m0%2022.017A10.015%2010.015%200%200%201%201.983%2012A10.015%2010.015%200%200%201%2012%201.983A10.015%2010.015%200%200%201%2022.017%2012A10.015%2010.015%200%200%201%2012%2022.017%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/flood.svg?color=%231a73e8&size=48
