infracost logo
infracost from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- infracost
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the infracost logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.553.444L8.04 7.984h4.03c2.713 0 3.95 2.562 3.95 4.004v11.371a.64.64 0 0 0 .638.641h6.664a.64.64 0 0 0 .639-.64c.004-3.295.039-10.078.039-15.377C24 3.34 20.312.334 16.68.005c-.421-.038-.828.139-1.127.44M0 .64C0 .287.288 0 .643 0h.804c.355 0 .643.287.643.64v6.72c0 .353-.288.64-.643.64H.643A.64.64 0 0 1 0 7.36zM3.618 0a.64.64 0 0 0-.643.64v6.72c0 .353.288.64.643.64h.804a.64.64 0 0 0 .643-.64V.64A.64.64 0 0 0 4.422 0zm2.975 0a.64.64 0 0 0-.643.64v6.72c0 .353.288.64.643.64H8.04L6.326 9.705c-.24.24-.376.566-.376.905v12.75c0 .354.288.64.643.64h.804a.64.64 0 0 0 .643-.64V.64A.64.64 0 0 0 7.397 0zM.377 15.625c-.241.24-.377.566-.377.905v6.83c0 .354.288.64.643.64h.804a.64.64 0 0 0 .643-.64v-9.054a.16.16 0 0 0-.274-.113zm2.598-2.055c0-.34.135-.665.377-.905l1.439-1.432a.16.16 0 0 1 .274.113V23.36c0 .354-.288.64-.643.64h-.804a.64.64 0 0 1-.643-.64z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsInfracost(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="M15.553.444L8.04 7.984h4.03c2.713 0 3.95 2.562 3.95 4.004v11.371a.64.64 0 0 0 .638.641h6.664a.64.64 0 0 0 .639-.64c.004-3.295.039-10.078.039-15.377C24 3.34 20.312.334 16.68.005c-.421-.038-.828.139-1.127.44M0 .64C0 .287.288 0 .643 0h.804c.355 0 .643.287.643.64v6.72c0 .353-.288.64-.643.64H.643A.64.64 0 0 1 0 7.36zM3.618 0a.64.64 0 0 0-.643.64v6.72c0 .353.288.64.643.64h.804a.64.64 0 0 0 .643-.64V.64A.64.64 0 0 0 4.422 0zm2.975 0a.64.64 0 0 0-.643.64v6.72c0 .353.288.64.643.64H8.04L6.326 9.705c-.24.24-.376.566-.376.905v12.75c0 .354.288.64.643.64h.804a.64.64 0 0 0 .643-.64V.64A.64.64 0 0 0 7.397 0zM.377 15.625c-.241.24-.377.566-.377.905v6.83c0 .354.288.64.643.64h.804a.64.64 0 0 0 .643-.64v-9.054a.16.16 0 0 0-.274-.113zm2.598-2.055c0-.34.135-.665.377-.905l1.439-1.432a.16.16 0 0 1 .274.113V23.36c0 .354-.288.64-.643.64h-.804a.64.64 0 0 1-.643-.64z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.553.444L8.04 7.984h4.03c2.713 0 3.95 2.562 3.95 4.004v11.371a.64.64 0 0 0 .638.641h6.664a.64.64 0 0 0 .639-.64c.004-3.295.039-10.078.039-15.377C24 3.34 20.312.334 16.68.005c-.421-.038-.828.139-1.127.44M0 .64C0 .287.288 0 .643 0h.804c.355 0 .643.287.643.64v6.72c0 .353-.288.64-.643.64H.643A.64.64 0 0 1 0 7.36zM3.618 0a.64.64 0 0 0-.643.64v6.72c0 .353.288.64.643.64h.804a.64.64 0 0 0 .643-.64V.64A.64.64 0 0 0 4.422 0zm2.975 0a.64.64 0 0 0-.643.64v6.72c0 .353.288.64.643.64H8.04L6.326 9.705c-.24.24-.376.566-.376.905v12.75c0 .354.288.64.643.64h.804a.64.64 0 0 0 .643-.64V.64A.64.64 0 0 0 7.397 0zM.377 15.625c-.241.24-.377.566-.377.905v6.83c0 .354.288.64.643.64h.804a.64.64 0 0 0 .643-.64v-9.054a.16.16 0 0 0-.274-.113zm2.598-2.055c0-.34.135-.665.377-.905l1.439-1.432a.16.16 0 0 1 .274.113V23.36c0 .354-.288.64-.643.64h-.804a.64.64 0 0 1-.643-.64z"/></svg> </template>
CSS
.icon-infracost {
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%22M15.553.444L8.04%207.984h4.03c2.713%200%203.95%202.562%203.95%204.004v11.371a.64.64%200%200%200%20.638.641h6.664a.64.64%200%200%200%20.639-.64c.004-3.295.039-10.078.039-15.377C24%203.34%2020.312.334%2016.68.005c-.421-.038-.828.139-1.127.44M0%20.64C0%20.287.288%200%20.643%200h.804c.355%200%20.643.287.643.64v6.72c0%20.353-.288.64-.643.64H.643A.64.64%200%200%201%200%207.36zM3.618%200a.64.64%200%200%200-.643.64v6.72c0%20.353.288.64.643.64h.804a.64.64%200%200%200%20.643-.64V.64A.64.64%200%200%200%204.422%200zm2.975%200a.64.64%200%200%200-.643.64v6.72c0%20.353.288.64.643.64H8.04L6.326%209.705c-.24.24-.376.566-.376.905v12.75c0%20.354.288.64.643.64h.804a.64.64%200%200%200%20.643-.64V.64A.64.64%200%200%200%207.397%200zM.377%2015.625c-.241.24-.377.566-.377.905v6.83c0%20.354.288.64.643.64h.804a.64.64%200%200%200%20.643-.64v-9.054a.16.16%200%200%200-.274-.113zm2.598-2.055c0-.34.135-.665.377-.905l1.439-1.432a.16.16%200%200%201%20.274.113V23.36c0%20.354-.288.64-.643.64h-.804a.64.64%200%200%201-.643-.64z%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%22M15.553.444L8.04%207.984h4.03c2.713%200%203.95%202.562%203.95%204.004v11.371a.64.64%200%200%200%20.638.641h6.664a.64.64%200%200%200%20.639-.64c.004-3.295.039-10.078.039-15.377C24%203.34%2020.312.334%2016.68.005c-.421-.038-.828.139-1.127.44M0%20.64C0%20.287.288%200%20.643%200h.804c.355%200%20.643.287.643.64v6.72c0%20.353-.288.64-.643.64H.643A.64.64%200%200%201%200%207.36zM3.618%200a.64.64%200%200%200-.643.64v6.72c0%20.353.288.64.643.64h.804a.64.64%200%200%200%20.643-.64V.64A.64.64%200%200%200%204.422%200zm2.975%200a.64.64%200%200%200-.643.64v6.72c0%20.353.288.64.643.64H8.04L6.326%209.705c-.24.24-.376.566-.376.905v12.75c0%20.354.288.64.643.64h.804a.64.64%200%200%200%20.643-.64V.64A.64.64%200%200%200%207.397%200zM.377%2015.625c-.241.24-.377.566-.377.905v6.83c0%20.354.288.64.643.64h.804a.64.64%200%200%200%20.643-.64v-9.054a.16.16%200%200%200-.274-.113zm2.598-2.055c0-.34.135-.665.377-.905l1.439-1.432a.16.16%200%200%201%20.274.113V23.36c0%20.354-.288.64-.643.64h-.804a.64.64%200%200%201-.643-.64z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/infracost.svg?color=%231a73e8&size=48
