loom icon logo

loom-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
loom-icon
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the loom icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#625df5" d="M256 113.765h-74.858l64.83-37.43l-14.237-24.667l-64.83 37.43l37.421-64.825l-24.667-14.246l-37.421 64.826V0h-28.476v74.86L76.326 10.027L51.667 24.266L89.096 89.09L24.265 51.668l-14.238 24.66l64.83 37.43H0v28.477h74.85l-64.823 37.43l14.238 24.667l64.824-37.423l-37.43 64.825l24.667 14.239l37.429-64.832V256h28.476v-74.853l37.422 64.826l24.665-14.239l-37.428-64.832l64.83 37.43l14.24-24.667l-64.825-37.423h74.85v-28.477zM128 166.73c-21.472 0-38.876-17.403-38.876-38.876S106.528 88.977 128 88.977s38.875 17.404 38.875 38.876c0 21.473-17.403 38.876-38.875 38.876"/></svg>

React

import type { SVGProps } from "react";

export function LogosLoomIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#625df5" d="M256 113.765h-74.858l64.83-37.43l-14.237-24.667l-64.83 37.43l37.421-64.825l-24.667-14.246l-37.421 64.826V0h-28.476v74.86L76.326 10.027L51.667 24.266L89.096 89.09L24.265 51.668l-14.238 24.66l64.83 37.43H0v28.477h74.85l-64.823 37.43l14.238 24.667l64.824-37.423l-37.43 64.825l24.667 14.239l37.429-64.832V256h28.476v-74.853l37.422 64.826l24.665-14.239l-37.428-64.832l64.83 37.43l14.24-24.667l-64.825-37.423h74.85v-28.477zM128 166.73c-21.472 0-38.876-17.403-38.876-38.876S106.528 88.977 128 88.977s38.875 17.404 38.875 38.876c0 21.473-17.403 38.876-38.875 38.876"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#625df5" d="M256 113.765h-74.858l64.83-37.43l-14.237-24.667l-64.83 37.43l37.421-64.825l-24.667-14.246l-37.421 64.826V0h-28.476v74.86L76.326 10.027L51.667 24.266L89.096 89.09L24.265 51.668l-14.238 24.66l64.83 37.43H0v28.477h74.85l-64.823 37.43l14.238 24.667l64.824-37.423l-37.43 64.825l24.667 14.239l37.429-64.832V256h28.476v-74.853l37.422 64.826l24.665-14.239l-37.428-64.832l64.83 37.43l14.24-24.667l-64.825-37.423h74.85v-28.477zM128 166.73c-21.472 0-38.876-17.403-38.876-38.876S106.528 88.977 128 88.977s38.875 17.404 38.875 38.876c0 21.473-17.403 38.876-38.875 38.876"/></svg>
</template>

CSS

.icon-loom-icon {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22%23625df5%22%20d%3D%22M256%20113.765h-74.858l64.83-37.43l-14.237-24.667l-64.83%2037.43l37.421-64.825l-24.667-14.246l-37.421%2064.826V0h-28.476v74.86L76.326%2010.027L51.667%2024.266L89.096%2089.09L24.265%2051.668l-14.238%2024.66l64.83%2037.43H0v28.477h74.85l-64.823%2037.43l14.238%2024.667l64.824-37.423l-37.43%2064.825l24.667%2014.239l37.429-64.832V256h28.476v-74.853l37.422%2064.826l24.665-14.239l-37.428-64.832l64.83%2037.43l14.24-24.667l-64.825-37.423h74.85v-28.477zM128%20166.73c-21.472%200-38.876-17.403-38.876-38.876S106.528%2088.977%20128%2088.977s38.875%2017.404%2038.875%2038.876c0%2021.473-17.403%2038.876-38.875%2038.876%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%20256%20256%22%3E%3Cpath%20fill%3D%22%23625df5%22%20d%3D%22M256%20113.765h-74.858l64.83-37.43l-14.237-24.667l-64.83%2037.43l37.421-64.825l-24.667-14.246l-37.421%2064.826V0h-28.476v74.86L76.326%2010.027L51.667%2024.266L89.096%2089.09L24.265%2051.668l-14.238%2024.66l64.83%2037.43H0v28.477h74.85l-64.823%2037.43l14.238%2024.667l64.824-37.423l-37.43%2064.825l24.667%2014.239l37.429-64.832V256h28.476v-74.853l37.422%2064.826l24.665-14.239l-37.428-64.832l64.83%2037.43l14.24-24.667l-64.825-37.423h74.85v-28.477zM128%20166.73c-21.472%200-38.876-17.403-38.876-38.876S106.528%2088.977%20128%2088.977s38.875%2017.404%2038.875%2038.876c0%2021.473-17.403%2038.876-38.875%2038.876%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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