Loom icon
logos:loom
The Loom icon (logos:loom) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 155 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 512 × 155
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="155" viewBox="0 0 512 155"><path fill="#222" d="M263.696 54.635c23.521 0 40.264 17.897 40.264 40.625c0 23.095-16.92 40.585-40.264 40.585c-23.352 0-40.263-17.32-40.263-40.585c0-22.893 16.856-40.625 40.263-40.625m84.542 0c23.521 0 40.263 17.897 40.263 40.625c0 23.095-16.929 40.585-40.263 40.585c-23.352 0-40.263-17.32-40.263-40.585c0-22.893 16.856-40.625 40.263-40.625m136.02.078c14.182 0 27.742 8.578 27.742 29.16v49.75h-20.106V88.087c0-8.268-4.056-14.503-13.565-14.503c-8.886 0-14.187 6.862-14.187 15.13v44.912h-20.568v-45.54c0-8.267-4.208-14.502-13.565-14.502c-9.042 0-14.343 6.707-14.343 15.13v44.912h-20.724V56.895h19.795v9.36c4.207-7.484 14.03-11.542 22.445-11.542c10.448 0 18.862 4.525 22.758 12.787c6.074-9.36 14.187-12.787 24.318-12.787M216.85 20.716v112.906h-20.729V20.716zm131.388 52.438c-12.182 0-22.093 9.919-22.093 22.102s9.911 22.102 22.093 22.102s22.093-9.919 22.093-22.102c-.004-12.183-9.916-22.102-22.093-22.102m-84.542.26c-12.044 0-21.842 9.8-21.842 21.851s9.798 21.85 21.842 21.85c12.045 0 21.837-9.8 21.837-21.85s-9.792-21.85-21.837-21.85"/><path fill="#625df5" d="M154.342 68.589H109.21l39.086-22.567l-8.583-14.871l-39.087 22.566l22.562-39.083l-14.872-8.589l-22.561 39.083V0H68.587v45.133L46.017 6.045L31.15 14.63l22.566 39.083L14.629 31.15L6.045 46.018l39.086 22.566H0v17.17h45.127L6.045 108.318l8.584 14.872l39.082-22.562l-22.565 39.083l14.87 8.584l22.566-39.087v45.133h17.169v-45.129l22.561 39.083l14.87-8.584l-22.565-39.087l39.087 22.566l8.584-14.872l-39.082-22.562h45.127V68.59zM77.17 100.52c-12.945 0-23.438-10.492-23.438-23.438S64.226 53.644 77.17 53.644s23.437 10.493 23.437 23.438c0 12.946-10.492 23.438-23.437 23.438"/></svg>
How to use the Loom icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:loom" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:loom" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:loom" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--loom]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:loom"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:loom"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/logos/loom.svg" alt="Loom icon" width="24" height="24">
Related icons in SVG Logos
Loom icon in other icon sets
Loom icon FAQ
Is the Loom icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Loom icon in React?
Install @iconify/react and render <Icon icon="logos:loom" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Loom icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/loom.svg" alt="Loom icon">, or paste the SVG code inline to style it with CSS.
Browse all SVG Logos icons →
ICONYZ
