water sun icon
water-sun-broken from Solar by 480 Design · Broken · Sports · CC-BY-4.0 Attribution required.
- Name
- water-sun-broken
- Set
- Solar
- Style
- Broken
- Category
- Sports
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More sports icons from Solar
balls-boldbasketball-boldbicycling-boldbicycling-round-boldbody-shape-boldbody-shape-minimalistic-boldbowling-bolddumbbell-bolddumbbell-large-bolddumbbell-large-minimalistic-bolddumbbell-small-bolddumbbells-2-bolddumbbells-boldfootball-boldgolf-boldhiking-boldhiking-minimalistic-boldhiking-round-boldmeditation-boldmeditation-round-boldranking-boldrugby-boldrunning-2-boldrunning-bold
Use the water sun 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-width="1.5"><path stroke-linejoin="round" d="M22 16.7728C20.4123 16.3987 19.5955 15.4796 18.9199 14.4574C18.4965 13.8168 17.5655 13.8558 17.1055 14.4706C16.0541 15.8762 14.4844 17.0004 12 17.0004C9.49345 17.0004 7.91806 15.57 6.86651 14.2239C6.42721 13.6616 5.58617 13.6691 5.20168 14.2702C4.50078 15.366 3.68402 16.376 2 16.7728"/><path d="M17.9171 11C17.441 8.16229 14.973 6 12 6C9.02705 6 6.55909 8.16229 6.08301 11"/><path d="M12 2V3"/><path d="M22 12L21 12"/><path d="M3 12L2 12"/><path d="M19.0703 4.92969L18.6775 5.32252"/><path d="M5.32227 5.32227L4.92943 4.92943"/><path stroke-linejoin="round" d="M12 22C9.49345 22 7.91806 20.6547 6.86651 19.3888C6.42721 18.8599 5.58617 18.867 5.20168 19.4323C4.50078 20.4629 3.68402 21.4127 2 21.7859M22 21.7859C20.4123 21.4341 19.5955 20.5697 18.9199 19.6083C18.4965 19.0059 17.5655 19.0425 17.1055 19.6208C16.6953 20.1365 16.2063 20.6119 15.6148 21"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarWaterSunBroken(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" strokeWidth="1.5"><path strokeLinejoin="round" d="M22 16.7728C20.4123 16.3987 19.5955 15.4796 18.9199 14.4574C18.4965 13.8168 17.5655 13.8558 17.1055 14.4706C16.0541 15.8762 14.4844 17.0004 12 17.0004C9.49345 17.0004 7.91806 15.57 6.86651 14.2239C6.42721 13.6616 5.58617 13.6691 5.20168 14.2702C4.50078 15.366 3.68402 16.376 2 16.7728"/><path d="M17.9171 11C17.441 8.16229 14.973 6 12 6C9.02705 6 6.55909 8.16229 6.08301 11"/><path d="M12 2V3"/><path d="M22 12L21 12"/><path d="M3 12L2 12"/><path d="M19.0703 4.92969L18.6775 5.32252"/><path d="M5.32227 5.32227L4.92943 4.92943"/><path strokeLinejoin="round" d="M12 22C9.49345 22 7.91806 20.6547 6.86651 19.3888C6.42721 18.8599 5.58617 18.867 5.20168 19.4323C4.50078 20.4629 3.68402 21.4127 2 21.7859M22 21.7859C20.4123 21.4341 19.5955 20.5697 18.9199 19.6083C18.4965 19.0059 17.5655 19.0425 17.1055 19.6208C16.6953 20.1365 16.2063 20.6119 15.6148 21"/></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-width="1.5"><path stroke-linejoin="round" d="M22 16.7728C20.4123 16.3987 19.5955 15.4796 18.9199 14.4574C18.4965 13.8168 17.5655 13.8558 17.1055 14.4706C16.0541 15.8762 14.4844 17.0004 12 17.0004C9.49345 17.0004 7.91806 15.57 6.86651 14.2239C6.42721 13.6616 5.58617 13.6691 5.20168 14.2702C4.50078 15.366 3.68402 16.376 2 16.7728"/><path d="M17.9171 11C17.441 8.16229 14.973 6 12 6C9.02705 6 6.55909 8.16229 6.08301 11"/><path d="M12 2V3"/><path d="M22 12L21 12"/><path d="M3 12L2 12"/><path d="M19.0703 4.92969L18.6775 5.32252"/><path d="M5.32227 5.32227L4.92943 4.92943"/><path stroke-linejoin="round" d="M12 22C9.49345 22 7.91806 20.6547 6.86651 19.3888C6.42721 18.8599 5.58617 18.867 5.20168 19.4323C4.50078 20.4629 3.68402 21.4127 2 21.7859M22 21.7859C20.4123 21.4341 19.5955 20.5697 18.9199 19.6083C18.4965 19.0059 17.5655 19.0425 17.1055 19.6208C16.6953 20.1365 16.2063 20.6119 15.6148 21"/></g></svg> </template>
CSS
.icon-water-sun-broken {
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-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M22%2016.7728C20.4123%2016.3987%2019.5955%2015.4796%2018.9199%2014.4574C18.4965%2013.8168%2017.5655%2013.8558%2017.1055%2014.4706C16.0541%2015.8762%2014.4844%2017.0004%2012%2017.0004C9.49345%2017.0004%207.91806%2015.57%206.86651%2014.2239C6.42721%2013.6616%205.58617%2013.6691%205.20168%2014.2702C4.50078%2015.366%203.68402%2016.376%202%2016.7728%22%2F%3E%3Cpath%20d%3D%22M17.9171%2011C17.441%208.16229%2014.973%206%2012%206C9.02705%206%206.55909%208.16229%206.08301%2011%22%2F%3E%3Cpath%20d%3D%22M12%202V3%22%2F%3E%3Cpath%20d%3D%22M22%2012L21%2012%22%2F%3E%3Cpath%20d%3D%22M3%2012L2%2012%22%2F%3E%3Cpath%20d%3D%22M19.0703%204.92969L18.6775%205.32252%22%2F%3E%3Cpath%20d%3D%22M5.32227%205.32227L4.92943%204.92943%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M12%2022C9.49345%2022%207.91806%2020.6547%206.86651%2019.3888C6.42721%2018.8599%205.58617%2018.867%205.20168%2019.4323C4.50078%2020.4629%203.68402%2021.4127%202%2021.7859M22%2021.7859C20.4123%2021.4341%2019.5955%2020.5697%2018.9199%2019.6083C18.4965%2019.0059%2017.5655%2019.0425%2017.1055%2019.6208C16.6953%2020.1365%2016.2063%2020.6119%2015.6148%2021%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-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M22%2016.7728C20.4123%2016.3987%2019.5955%2015.4796%2018.9199%2014.4574C18.4965%2013.8168%2017.5655%2013.8558%2017.1055%2014.4706C16.0541%2015.8762%2014.4844%2017.0004%2012%2017.0004C9.49345%2017.0004%207.91806%2015.57%206.86651%2014.2239C6.42721%2013.6616%205.58617%2013.6691%205.20168%2014.2702C4.50078%2015.366%203.68402%2016.376%202%2016.7728%22%2F%3E%3Cpath%20d%3D%22M17.9171%2011C17.441%208.16229%2014.973%206%2012%206C9.02705%206%206.55909%208.16229%206.08301%2011%22%2F%3E%3Cpath%20d%3D%22M12%202V3%22%2F%3E%3Cpath%20d%3D%22M22%2012L21%2012%22%2F%3E%3Cpath%20d%3D%22M3%2012L2%2012%22%2F%3E%3Cpath%20d%3D%22M19.0703%204.92969L18.6775%205.32252%22%2F%3E%3Cpath%20d%3D%22M5.32227%205.32227L4.92943%204.92943%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M12%2022C9.49345%2022%207.91806%2020.6547%206.86651%2019.3888C6.42721%2018.8599%205.58617%2018.867%205.20168%2019.4323C4.50078%2020.4629%203.68402%2021.4127%202%2021.7859M22%2021.7859C20.4123%2021.4341%2019.5955%2020.5697%2018.9199%2019.6083C18.4965%2019.0059%2017.5655%2019.0425%2017.1055%2019.6208C16.6953%2020.1365%2016.2063%2020.6119%2015.6148%2021%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/water-sun-broken.svg?color=%231a73e8&size=48
