Meshcore icon
cbi:meshcore
The Meshcore icon (cbi:meshcore) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Custom Brand Icons
- Author
- Emanuele & rchiileea
- License
- CC-BY-NC-SA-4.0
- Size
- 24 × 24
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2.492 10.927a.15.15 0 0 0-.143.119l-.346 1.915a.098.098 0 0 0 .1.12h.367a.15.15 0 0 0 .144-.12l.136-.762l.252.812c.012.043.05.07.098.07h.486a.15.15 0 0 0 .123-.07l.546-.816l-.138.766a.098.098 0 0 0 .1.12h.367a.15.15 0 0 0 .143-.12l.347-1.915c.012-.066-.033-.119-.1-.119h-.472a.15.15 0 0 0-.123.069l-.895 1.343c-.014.022-.048.016-.055-.009l-.368-1.334a.1.1 0 0 0-.098-.069Zm2.678 2.154h1.816a.09.09 0 0 0 .086-.072l.076-.422a.06.06 0 0 0-.06-.072H5.826q-.021-.002-.02-.024l.037-.207a.03.03 0 0 1 .029-.024h1.015c.04 0 .079-.033.086-.072l.068-.373a.06.06 0 0 0-.06-.072H5.966c-.014 0-.023-.011-.02-.024l.04-.223a.03.03 0 0 1 .028-.024h1.262a.09.09 0 0 0 .086-.072l.074-.406a.06.06 0 0 0-.06-.072H5.56a.15.15 0 0 0-.143.12l-.347 1.919a.098.098 0 0 0 .1.12m3.716 0h.063a.71.71 0 0 0 .673-.562l.037-.202a.46.46 0 0 0-.471-.562h-.973a.06.06 0 0 1-.06-.072l.025-.136a.09.09 0 0 1 .086-.071h1.316a.15.15 0 0 0 .143-.12l.056-.31a.098.098 0 0 0-.1-.12H8.243a.71.71 0 0 0-.674.563l-.04.22a.46.46 0 0 0 .471.562h.973c.04 0 .067.032.06.072l-.019.102a.09.09 0 0 1-.086.071H7.576a.15.15 0 0 0-.144.12l-.058.325a.098.098 0 0 0 .1.12Zm3.31-2.155h-.406a.15.15 0 0 0-.144.119l-.121.67a.03.03 0 0 1-.028.024h-.788c-.014 0-.023-.011-.02-.024l.121-.67a.098.098 0 0 0-.101-.119h-.406a.15.15 0 0 0-.144.119l-.346 1.916a.098.098 0 0 0 .1.12h.407a.15.15 0 0 0 .143-.12l.124-.682a.03.03 0 0 1 .028-.024h.788c.014 0 .023.011.02.024l-.123.682a.1.1 0 0 0 .101.12h.406a.15.15 0 0 0 .144-.12l.346-1.916a.098.098 0 0 0-.101-.119m.614 2.155h1.194a.15.15 0 0 0 .144-.12l.058-.325a.098.098 0 0 0-.1-.12h-1.037a.06.06 0 0 1-.06-.071l.162-.894a.09.09 0 0 1 .086-.072h1.037a.15.15 0 0 0 .143-.12l.058-.318c.012-.066-.033-.119-.1-.119h-1.192a.71.71 0 0 0-.673.56l-.19 1.036a.46.46 0 0 0 .47.563m3.759-2.162h-1.243a.71.71 0 0 0-.674.562l-.187 1.038a.46.46 0 0 0 .47.562h1.244a.71.71 0 0 0 .674-.562l.187-1.038a.46.46 0 0 0-.471-.562m-.356 1.526a.09.09 0 0 1-.086.072h-.937a.06.06 0 0 1-.06-.072l.163-.898a.09.09 0 0 1 .086-.071h.936c.04 0 .067.032.06.071Zm.972.636h.407a.15.15 0 0 0 .143-.119l.072-.398a.03.03 0 0 1 .029-.024l.492-.001q.037.001.054.032l.232.452c.027.054.076.06.223.058c.087.001.218-.006.43-.006c.068 0 .11-.071.076-.131l-.253-.441c-.006-.011.001-.027.015-.034a.7.7 0 0 0 .389-.492l.088-.491a.46.46 0 0 0-.47-.562h-1.537a.15.15 0 0 0-.143.119l-.347 1.918a.098.098 0 0 0 .1.12m.817-1.594a.03.03 0 0 1 .029-.024h.795c.06 0 .1.048.089.107l-.058.323a.135.135 0 0 1-.128.106h-.795c-.014 0-.023-.011-.02-.024Zm1.731 1.594h1.816a.09.09 0 0 0 .086-.072l.076-.422a.06.06 0 0 0-.06-.072h-1.262q-.023-.002-.02-.024l.037-.207a.03.03 0 0 1 .029-.024h1.015c.04 0 .079-.033.086-.072l.068-.373a.06.06 0 0 0-.06-.072h-1.016c-.013 0-.022-.011-.02-.024l.04-.223a.03.03 0 0 1 .029-.024h1.262a.09.09 0 0 0 .086-.072l.074-.406a.06.06 0 0 0-.06-.072h-1.816a.15.15 0 0 0-.144.12l-.347 1.919a.1.1 0 0 0 .101.12"/></svg>How to use the Meshcore icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:meshcore" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:meshcore" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:meshcore" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--meshcore]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:meshcore"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:meshcore"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/meshcore.svg" alt="Meshcore icon" width="24" height="24">Meshcore icon in other icon sets
Meshcore icon FAQ
Is the Meshcore icon free for commercial use?
No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.
How do I use the Meshcore icon in React?
Install @iconify/react and render <Icon icon="cbi:meshcore" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Meshcore icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/meshcore.svg" alt="Meshcore icon">, or paste the SVG code inline to style it with CSS.