Ibm icon
thesvg-color:ibm
The Ibm icon (thesvg-color:ibm) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 1000 × 400 grid. theSVG Color icons are released under the MIT 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 1000 × 400
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="400" viewBox="0 0 1000 400"><path fill="#1f70c1" d="M0 0v27.367h194.648V0zm222.226 0v27.367h277.383S471.276 0 433.75 0zm331.797 0v27.367h167.812L711.875 0zm288.125 0l-9.961 27.367h166.289V0zM0 53.222v27.367h194.648V53.222zm222.226.039V80.59h309.57s-3.615-21.063-9.922-27.329zm331.797 0V80.59h186.211l-9.219-27.329zm268.203 0l-9.219 27.329h185.469V53.261zM55.937 106.444v27.406h84.297v-27.406zm222.227 0v27.406h84.297v-27.406zm166.289 0v27.406h84.297s5.352-14.473 5.352-27.406zm165.508 0v27.406h149.453l-9.961-27.406zm193.906 0l-10 27.406h150.195v-27.406zm-747.93 53.262v27.367h84.297v-27.367zm222.227 0v27.367h215.312s18.012-14.042 23.75-27.367zm331.797 0v27.367h84.297v-15.234l5.352 15.234h154.414l5.742-15.234v15.234h84.297v-27.367H785.82l-8.398 23.18l-8.438-23.18zM55.937 212.928v27.367h84.297v-27.367zm222.227 0v27.367h239.062c-5.739-13.281-23.75-27.367-23.75-27.367zm331.797 0v27.367h84.297v-27.367zm99.609 0l10.195 27.367h115.781l9.688-27.367zm150.195 0v27.367h84.297v-27.367zM55.937 266.15v27.366h84.297V266.15zm222.227 0v27.366h84.297V266.15zm166.289 0v27.366h89.648c0-12.915-5.352-27.366-5.352-27.366zm165.508 0v27.366h84.297V266.15zm118.75 0l9.883 27.366h77.617l9.961-27.366zm131.054 0v27.366h84.297V266.15zM1.523 319.372v27.406h194.648v-27.406zm220.703 0v27.406h299.648c6.307-6.275 9.922-27.406 9.922-27.406zm333.321 0v27.406h138.711v-27.406zm192.343 0l10.156 27.406h39.492l9.531-27.406zm111.875 0v27.406H1000v-27.406zM1.523 372.633V400h194.648v-27.367zm220.703 0v27.328H433.75c37.526 0 65.859-27.328 65.859-27.328zm333.321 0V400h138.711v-27.367zm211.601 0l9.766 27.29l1.68.038l9.922-27.328zm92.617 0V400H1000v-27.367z"/></svg>How to use the Ibm icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:ibm" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:ibm" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:ibm" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--ibm]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:ibm"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:ibm"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/ibm.svg" alt="Ibm icon" width="24" height="24">Related icons in theSVG Color
Ibm icon in other icon sets
Ibm icon FAQ
Is the Ibm icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Ibm icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:ibm" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ibm icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/ibm.svg" alt="Ibm icon">, or paste the SVG code inline to style it with CSS.