battery charge icon
battery-charge from Reicon by REICON · Outline · UI · MIT Free for personal and commercial use.
- Name
- battery-charge
- Set
- Reicon
- Style
- Outline
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All battery charge icons →More ui icons from Reicon
Use the battery charge icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.076 9.48a.75.75 0 0 0-1.152-.96l-2.5 3A.75.75 0 0 0 9 12.75h1.899l-1.475 1.77a.75.75 0 1 0 1.152.96l2.5-3a.75.75 0 0 0-.576-1.23h-1.899z"/><path fill-rule="evenodd" d="M9.944 3.25h1.612c1.838 0 3.294 0 4.433.153c1.172.158 2.121.49 2.87 1.238c.748.749 1.08 1.698 1.238 2.87c.069.513.107 1.091.128 1.74c.362 0 .695.005.972.042c.356.048.731.16 1.04.47s.422.684.47 1.04c.043.323.043.72.043 1.152v.09c0 .433 0 .83-.043 1.152c-.048.356-.16.731-.47 1.04s-.684.422-1.04.47c-.277.037-.61.042-.972.043c-.021.648-.06 1.226-.128 1.739c-.158 1.172-.49 2.121-1.238 2.87c-.749.748-1.698 1.08-2.87 1.238c-1.14.153-2.595.153-4.433.153H9.945c-1.838 0-3.294 0-4.433-.153c-1.172-.158-2.121-.49-2.87-1.238c-.748-.749-1.08-1.698-1.238-2.87c-.153-1.14-.153-2.595-.153-4.433v-.112c0-1.838 0-3.294.153-4.433c.158-1.172.49-2.121 1.238-2.87c.749-.748 1.698-1.08 2.87-1.238c1.14-.153 2.595-.153 4.433-.153M5.71 4.89c-1.006.135-1.586.389-2.01.812c-.422.423-.676 1.003-.811 2.009c-.138 1.028-.14 2.382-.14 4.289s.002 3.262.14 4.29c.135 1.005.389 1.585.812 2.008s1.003.677 2.009.812c1.028.138 2.382.14 4.289.14h1.5c1.907 0 3.262-.002 4.29-.14c1.005-.135 1.585-.389 2.008-.812s.677-1.003.812-2.009c.138-1.028.14-2.382.14-4.289s-.002-3.261-.14-4.29c-.135-1.005-.389-1.585-.812-2.008s-1.003-.677-2.009-.812c-1.027-.138-2.382-.14-4.289-.14H10c-1.907 0-3.261.002-4.29.14m15.039 5.87v2.48q.141-.006.247-.02a.7.7 0 0 0 .177-.042l.003-.001l.001-.003l.005-.01a.7.7 0 0 0 .037-.167c.028-.21.03-.504.03-.997s-.002-.787-.03-.997a.7.7 0 0 0-.042-.177l-.001-.003l-.003-.001l-.01-.005a.7.7 0 0 0-.167-.037a3 3 0 0 0-.247-.02" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconBatteryCharge(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.076 9.48a.75.75 0 0 0-1.152-.96l-2.5 3A.75.75 0 0 0 9 12.75h1.899l-1.475 1.77a.75.75 0 1 0 1.152.96l2.5-3a.75.75 0 0 0-.576-1.23h-1.899z"/><path fillRule="evenodd" d="M9.944 3.25h1.612c1.838 0 3.294 0 4.433.153c1.172.158 2.121.49 2.87 1.238c.748.749 1.08 1.698 1.238 2.87c.069.513.107 1.091.128 1.74c.362 0 .695.005.972.042c.356.048.731.16 1.04.47s.422.684.47 1.04c.043.323.043.72.043 1.152v.09c0 .433 0 .83-.043 1.152c-.048.356-.16.731-.47 1.04s-.684.422-1.04.47c-.277.037-.61.042-.972.043c-.021.648-.06 1.226-.128 1.739c-.158 1.172-.49 2.121-1.238 2.87c-.749.748-1.698 1.08-2.87 1.238c-1.14.153-2.595.153-4.433.153H9.945c-1.838 0-3.294 0-4.433-.153c-1.172-.158-2.121-.49-2.87-1.238c-.748-.749-1.08-1.698-1.238-2.87c-.153-1.14-.153-2.595-.153-4.433v-.112c0-1.838 0-3.294.153-4.433c.158-1.172.49-2.121 1.238-2.87c.749-.748 1.698-1.08 2.87-1.238c1.14-.153 2.595-.153 4.433-.153M5.71 4.89c-1.006.135-1.586.389-2.01.812c-.422.423-.676 1.003-.811 2.009c-.138 1.028-.14 2.382-.14 4.289s.002 3.262.14 4.29c.135 1.005.389 1.585.812 2.008s1.003.677 2.009.812c1.028.138 2.382.14 4.289.14h1.5c1.907 0 3.262-.002 4.29-.14c1.005-.135 1.585-.389 2.008-.812s.677-1.003.812-2.009c.138-1.028.14-2.382.14-4.289s-.002-3.261-.14-4.29c-.135-1.005-.389-1.585-.812-2.008s-1.003-.677-2.009-.812c-1.027-.138-2.382-.14-4.289-.14H10c-1.907 0-3.261.002-4.29.14m15.039 5.87v2.48q.141-.006.247-.02a.7.7 0 0 0 .177-.042l.003-.001l.001-.003l.005-.01a.7.7 0 0 0 .037-.167c.028-.21.03-.504.03-.997s-.002-.787-.03-.997a.7.7 0 0 0-.042-.177l-.001-.003l-.003-.001l-.01-.005a.7.7 0 0 0-.167-.037a3 3 0 0 0-.247-.02" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.076 9.48a.75.75 0 0 0-1.152-.96l-2.5 3A.75.75 0 0 0 9 12.75h1.899l-1.475 1.77a.75.75 0 1 0 1.152.96l2.5-3a.75.75 0 0 0-.576-1.23h-1.899z"/><path fill-rule="evenodd" d="M9.944 3.25h1.612c1.838 0 3.294 0 4.433.153c1.172.158 2.121.49 2.87 1.238c.748.749 1.08 1.698 1.238 2.87c.069.513.107 1.091.128 1.74c.362 0 .695.005.972.042c.356.048.731.16 1.04.47s.422.684.47 1.04c.043.323.043.72.043 1.152v.09c0 .433 0 .83-.043 1.152c-.048.356-.16.731-.47 1.04s-.684.422-1.04.47c-.277.037-.61.042-.972.043c-.021.648-.06 1.226-.128 1.739c-.158 1.172-.49 2.121-1.238 2.87c-.749.748-1.698 1.08-2.87 1.238c-1.14.153-2.595.153-4.433.153H9.945c-1.838 0-3.294 0-4.433-.153c-1.172-.158-2.121-.49-2.87-1.238c-.748-.749-1.08-1.698-1.238-2.87c-.153-1.14-.153-2.595-.153-4.433v-.112c0-1.838 0-3.294.153-4.433c.158-1.172.49-2.121 1.238-2.87c.749-.748 1.698-1.08 2.87-1.238c1.14-.153 2.595-.153 4.433-.153M5.71 4.89c-1.006.135-1.586.389-2.01.812c-.422.423-.676 1.003-.811 2.009c-.138 1.028-.14 2.382-.14 4.289s.002 3.262.14 4.29c.135 1.005.389 1.585.812 2.008s1.003.677 2.009.812c1.028.138 2.382.14 4.289.14h1.5c1.907 0 3.262-.002 4.29-.14c1.005-.135 1.585-.389 2.008-.812s.677-1.003.812-2.009c.138-1.028.14-2.382.14-4.289s-.002-3.261-.14-4.29c-.135-1.005-.389-1.585-.812-2.008s-1.003-.677-2.009-.812c-1.027-.138-2.382-.14-4.289-.14H10c-1.907 0-3.261.002-4.29.14m15.039 5.87v2.48q.141-.006.247-.02a.7.7 0 0 0 .177-.042l.003-.001l.001-.003l.005-.01a.7.7 0 0 0 .037-.167c.028-.21.03-.504.03-.997s-.002-.787-.03-.997a.7.7 0 0 0-.042-.177l-.001-.003l-.003-.001l-.01-.005a.7.7 0 0 0-.167-.037a3 3 0 0 0-.247-.02" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-battery-charge {
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%22currentColor%22%3E%3Cpath%20d%3D%22M12.076%209.48a.75.75%200%200%200-1.152-.96l-2.5%203A.75.75%200%200%200%209%2012.75h1.899l-1.475%201.77a.75.75%200%201%200%201.152.96l2.5-3a.75.75%200%200%200-.576-1.23h-1.899z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M9.944%203.25h1.612c1.838%200%203.294%200%204.433.153c1.172.158%202.121.49%202.87%201.238c.748.749%201.08%201.698%201.238%202.87c.069.513.107%201.091.128%201.74c.362%200%20.695.005.972.042c.356.048.731.16%201.04.47s.422.684.47%201.04c.043.323.043.72.043%201.152v.09c0%20.433%200%20.83-.043%201.152c-.048.356-.16.731-.47%201.04s-.684.422-1.04.47c-.277.037-.61.042-.972.043c-.021.648-.06%201.226-.128%201.739c-.158%201.172-.49%202.121-1.238%202.87c-.749.748-1.698%201.08-2.87%201.238c-1.14.153-2.595.153-4.433.153H9.945c-1.838%200-3.294%200-4.433-.153c-1.172-.158-2.121-.49-2.87-1.238c-.748-.749-1.08-1.698-1.238-2.87c-.153-1.14-.153-2.595-.153-4.433v-.112c0-1.838%200-3.294.153-4.433c.158-1.172.49-2.121%201.238-2.87c.749-.748%201.698-1.08%202.87-1.238c1.14-.153%202.595-.153%204.433-.153M5.71%204.89c-1.006.135-1.586.389-2.01.812c-.422.423-.676%201.003-.811%202.009c-.138%201.028-.14%202.382-.14%204.289s.002%203.262.14%204.29c.135%201.005.389%201.585.812%202.008s1.003.677%202.009.812c1.028.138%202.382.14%204.289.14h1.5c1.907%200%203.262-.002%204.29-.14c1.005-.135%201.585-.389%202.008-.812s.677-1.003.812-2.009c.138-1.028.14-2.382.14-4.289s-.002-3.261-.14-4.29c-.135-1.005-.389-1.585-.812-2.008s-1.003-.677-2.009-.812c-1.027-.138-2.382-.14-4.289-.14H10c-1.907%200-3.261.002-4.29.14m15.039%205.87v2.48q.141-.006.247-.02a.7.7%200%200%200%20.177-.042l.003-.001l.001-.003l.005-.01a.7.7%200%200%200%20.037-.167c.028-.21.03-.504.03-.997s-.002-.787-.03-.997a.7.7%200%200%200-.042-.177l-.001-.003l-.003-.001l-.01-.005a.7.7%200%200%200-.167-.037a3%203%200%200%200-.247-.02%22%20clip-rule%3D%22evenodd%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%22currentColor%22%3E%3Cpath%20d%3D%22M12.076%209.48a.75.75%200%200%200-1.152-.96l-2.5%203A.75.75%200%200%200%209%2012.75h1.899l-1.475%201.77a.75.75%200%201%200%201.152.96l2.5-3a.75.75%200%200%200-.576-1.23h-1.899z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M9.944%203.25h1.612c1.838%200%203.294%200%204.433.153c1.172.158%202.121.49%202.87%201.238c.748.749%201.08%201.698%201.238%202.87c.069.513.107%201.091.128%201.74c.362%200%20.695.005.972.042c.356.048.731.16%201.04.47s.422.684.47%201.04c.043.323.043.72.043%201.152v.09c0%20.433%200%20.83-.043%201.152c-.048.356-.16.731-.47%201.04s-.684.422-1.04.47c-.277.037-.61.042-.972.043c-.021.648-.06%201.226-.128%201.739c-.158%201.172-.49%202.121-1.238%202.87c-.749.748-1.698%201.08-2.87%201.238c-1.14.153-2.595.153-4.433.153H9.945c-1.838%200-3.294%200-4.433-.153c-1.172-.158-2.121-.49-2.87-1.238c-.748-.749-1.08-1.698-1.238-2.87c-.153-1.14-.153-2.595-.153-4.433v-.112c0-1.838%200-3.294.153-4.433c.158-1.172.49-2.121%201.238-2.87c.749-.748%201.698-1.08%202.87-1.238c1.14-.153%202.595-.153%204.433-.153M5.71%204.89c-1.006.135-1.586.389-2.01.812c-.422.423-.676%201.003-.811%202.009c-.138%201.028-.14%202.382-.14%204.289s.002%203.262.14%204.29c.135%201.005.389%201.585.812%202.008s1.003.677%202.009.812c1.028.138%202.382.14%204.289.14h1.5c1.907%200%203.262-.002%204.29-.14c1.005-.135%201.585-.389%202.008-.812s.677-1.003.812-2.009c.138-1.028.14-2.382.14-4.289s-.002-3.261-.14-4.29c-.135-1.005-.389-1.585-.812-2.008s-1.003-.677-2.009-.812c-1.027-.138-2.382-.14-4.289-.14H10c-1.907%200-3.261.002-4.29.14m15.039%205.87v2.48q.141-.006.247-.02a.7.7%200%200%200%20.177-.042l.003-.001l.001-.003l.005-.01a.7.7%200%200%200%20.037-.167c.028-.21.03-.504.03-.997s-.002-.787-.03-.997a.7.7%200%200%200-.042-.177l-.001-.003l-.003-.001l-.01-.005a.7.7%200%200%200-.167-.037a3%203%200%200%200-.247-.02%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/battery-charge.svg?color=%231a73e8&size=48
