Home/Libraries/SVG Logos (Iconify)/loom

SVG Logos (Iconify)

Loom

License: CC0-1.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 155"><path fill="#818cf8" 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="#818cf8" 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>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. LoomIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.