Carbide icon
logos:carbide
The Carbide icon (logos:carbide) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 313 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
- 256 × 313
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="313" viewBox="0 0 256 313"><path fill="#4b608e" d="m246.242 88.034l-67.755 45.68c-14.259-20.006-44.57-22.517-62.096-5.196c-16.55 16.354-14.891 43.847 3.427 58.263c20 15.739 50.843 8.898 61.927-13.679L256 207.606c-12.952 30.076-40.486 64.97-101.181 67.61l3.017 37.056c-50.904-7.363-97.472-39.922-113.774-88.52l-31.504 21.014C2.89 221.06-.6 194.965 3.376 169.7c3.844-24.43 14.655-46.338 31.09-65.035L0 88.651c16.182-18.902 35.398-34.42 58.888-43.999c24.073-9.818 51.158-12.933 76.76-7.597L132.632 0c50.66 7.33 97.24 39.675 113.61 88.034"/></svg>How to use the Carbide icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:carbide" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:carbide" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:carbide" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--carbide]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:carbide"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:carbide"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/carbide.svg" alt="Carbide icon" width="24" height="24">Carbide icon FAQ
Is the Carbide 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 Carbide icon in React?
Install @iconify/react and render <Icon icon="logos:carbide" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Carbide icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/carbide.svg" alt="Carbide icon">, or paste the SVG code inline to style it with CSS.