minecart loaded icon

minecart-loaded from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.

Name
minecart-loaded
Set
Bootstrap Icons
Style
Outline
Viewbox
16×16
License
MIT

Use the minecart loaded icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M4 15a1 1 0 1 1 0-2a1 1 0 0 1 0 2m0 1a2 2 0 1 0 0-4a2 2 0 0 0 0 4m8-1a1 1 0 1 1 0-2a1 1 0 0 1 0 2m0 1a2 2 0 1 0 0-4a2 2 0 0 0 0 4M.115 3.18A.5.5 0 0 1 .5 3h15a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 14 12H2a.5.5 0 0 1-.491-.408l-1.5-8a.5.5 0 0 1 .106-.411zm.987.82l1.313 7h11.17l1.313-7z"/><path fill-rule="evenodd" d="M6 1a2.498 2.498 0 0 1 4 0c.818 0 1.545.394 2 1c.67 0 1.552.57 2 1h-2c-.314 0-.611-.15-.8-.4c-.274-.365-.71-.6-1.2-.6c-.314 0-.611-.15-.8-.4a1.497 1.497 0 0 0-2.4 0c-.189.25-.486.4-.8.4c-.507 0-.955.251-1.228.638q-.136.194-.308.362H3c.13-.147.401-.432.562-.545a1.6 1.6 0 0 0 .393-.393A2.5 2.5 0 0 1 6 1"/></g></svg>

React

import type { SVGProps } from "react";

export function BiMinecartLoaded(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M4 15a1 1 0 1 1 0-2a1 1 0 0 1 0 2m0 1a2 2 0 1 0 0-4a2 2 0 0 0 0 4m8-1a1 1 0 1 1 0-2a1 1 0 0 1 0 2m0 1a2 2 0 1 0 0-4a2 2 0 0 0 0 4M.115 3.18A.5.5 0 0 1 .5 3h15a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 14 12H2a.5.5 0 0 1-.491-.408l-1.5-8a.5.5 0 0 1 .106-.411zm.987.82l1.313 7h11.17l1.313-7z"/><path fillRule="evenodd" d="M6 1a2.498 2.498 0 0 1 4 0c.818 0 1.545.394 2 1c.67 0 1.552.57 2 1h-2c-.314 0-.611-.15-.8-.4c-.274-.365-.71-.6-1.2-.6c-.314 0-.611-.15-.8-.4a1.497 1.497 0 0 0-2.4 0c-.189.25-.486.4-.8.4c-.507 0-.955.251-1.228.638q-.136.194-.308.362H3c.13-.147.401-.432.562-.545a1.6 1.6 0 0 0 .393-.393A2.5 2.5 0 0 1 6 1"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M4 15a1 1 0 1 1 0-2a1 1 0 0 1 0 2m0 1a2 2 0 1 0 0-4a2 2 0 0 0 0 4m8-1a1 1 0 1 1 0-2a1 1 0 0 1 0 2m0 1a2 2 0 1 0 0-4a2 2 0 0 0 0 4M.115 3.18A.5.5 0 0 1 .5 3h15a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 14 12H2a.5.5 0 0 1-.491-.408l-1.5-8a.5.5 0 0 1 .106-.411zm.987.82l1.313 7h11.17l1.313-7z"/><path fill-rule="evenodd" d="M6 1a2.498 2.498 0 0 1 4 0c.818 0 1.545.394 2 1c.67 0 1.552.57 2 1h-2c-.314 0-.611-.15-.8-.4c-.274-.365-.71-.6-1.2-.6c-.314 0-.611-.15-.8-.4a1.497 1.497 0 0 0-2.4 0c-.189.25-.486.4-.8.4c-.507 0-.955.251-1.228.638q-.136.194-.308.362H3c.13-.147.401-.432.562-.545a1.6 1.6 0 0 0 .393-.393A2.5 2.5 0 0 1 6 1"/></g></svg>
</template>

CSS

.icon-minecart-loaded {
  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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M4%2015a1%201%200%201%201%200-2a1%201%200%200%201%200%202m0%201a2%202%200%201%200%200-4a2%202%200%200%200%200%204m8-1a1%201%200%201%201%200-2a1%201%200%200%201%200%202m0%201a2%202%200%201%200%200-4a2%202%200%200%200%200%204M.115%203.18A.5.5%200%200%201%20.5%203h15a.5.5%200%200%201%20.491.592l-1.5%208A.5.5%200%200%201%2014%2012H2a.5.5%200%200%201-.491-.408l-1.5-8a.5.5%200%200%201%20.106-.411zm.987.82l1.313%207h11.17l1.313-7z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6%201a2.498%202.498%200%200%201%204%200c.818%200%201.545.394%202%201c.67%200%201.552.57%202%201h-2c-.314%200-.611-.15-.8-.4c-.274-.365-.71-.6-1.2-.6c-.314%200-.611-.15-.8-.4a1.497%201.497%200%200%200-2.4%200c-.189.25-.486.4-.8.4c-.507%200-.955.251-1.228.638q-.136.194-.308.362H3c.13-.147.401-.432.562-.545a1.6%201.6%200%200%200%20.393-.393A2.5%202.5%200%200%201%206%201%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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M4%2015a1%201%200%201%201%200-2a1%201%200%200%201%200%202m0%201a2%202%200%201%200%200-4a2%202%200%200%200%200%204m8-1a1%201%200%201%201%200-2a1%201%200%200%201%200%202m0%201a2%202%200%201%200%200-4a2%202%200%200%200%200%204M.115%203.18A.5.5%200%200%201%20.5%203h15a.5.5%200%200%201%20.491.592l-1.5%208A.5.5%200%200%201%2014%2012H2a.5.5%200%200%201-.491-.408l-1.5-8a.5.5%200%200%201%20.106-.411zm.987.82l1.313%207h11.17l1.313-7z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6%201a2.498%202.498%200%200%201%204%200c.818%200%201.545.394%202%201c.67%200%201.552.57%202%201h-2c-.314%200-.611-.15-.8-.4c-.274-.365-.71-.6-1.2-.6c-.314%200-.611-.15-.8-.4a1.497%201.497%200%200%200-2.4%200c-.189.25-.486.4-.8.4c-.507%200-.955.251-1.228.638q-.136.194-.308.362H3c.13-.147.401-.432.562-.545a1.6%201.6%200%200%200%20.393-.393A2.5%202.5%200%200%201%206%201%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/minecart-loaded.svg?color=%231a73e8&size=48