Globalcodio icon
thesvg-color:globalcodio
The Globalcodio icon (thesvg-color:globalcodio) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 138 × 106 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
- 138 × 106
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="138" height="106" viewBox="0 0 138 106"><g fill="none"><path fill="url(#SVGnsd4he4O)" d="M100.359 31.672c-3.11 2.613-12.572 11.295-21.092 17.565c-11.312 8.324-19.76 13.162-30.395 18.3c-10.635 5.137-20.301 8.69-27.35 10.053s-11.046.452-11.309-2.578s3.224-7.99 9.867-14.038l7.97-2.429c-5.204 4.737-7.935 8.623-7.729 10.997c.206 2.373 3.336 3.087 8.858 2.019s13.093-3.851 21.423-7.875s16.905-9.04 24.263-14.194c5.647-3.956 22.133-14.646 25.371-18.005z"/><path fill="url(#SVGe8jLHeNO)" d="M33.463 77.61c-2.34 1.162-3.32 4.023-1.858 6.188a35.5 35.5 0 1 0-3.18-33.918c-1.034 2.398.46 5.027 2.976 5.733c2.514.706 5.088-.788 6.237-3.134a26.04 26.04 0 1 1 2.537 27.052c-1.565-2.092-4.372-3.082-6.712-1.92"/><path fill="url(#SVGk8AyMcTU)" d="M119.647 11.83c-4.546 5.451-4.701 13.534-.47 19.232c-5.234-4.665-13.003-4.638-18.222.064l-1.397 1.257l1.479-2.02c4.158-5.681 4.15-13.516-.018-19.173c5.194 4.597 12.76 4.946 18.346.847z"/><defs><linearGradient id="SVGnsd4he4O" x1="90.069" x2="-38.972" y1="8.634" y2="140.662" gradientUnits="userSpaceOnUse"><stop stop-color="#192ac6"/><stop offset="1" stop-color="#0c1560"/></linearGradient><linearGradient id="SVGe8jLHeNO" x1="34.069" x2="113.069" y1="24.634" y2="148.134" gradientUnits="userSpaceOnUse"><stop stop-color="#192ac6"/><stop offset="1" stop-color="#0c1560"/></linearGradient><linearGradient id="SVGk8AyMcTU" x1="102.77" x2="124.2" y1="28.134" y2="14.547" gradientUnits="userSpaceOnUse"><stop stop-color="#192ac6"/><stop offset="1" stop-color="#0c1560"/></linearGradient></defs></g></svg>How to use the Globalcodio icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:globalcodio" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:globalcodio" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:globalcodio" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--globalcodio]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:globalcodio"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:globalcodio"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/globalcodio.svg" alt="Globalcodio icon" width="24" height="24">Globalcodio icon FAQ
Is the Globalcodio 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 Globalcodio icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:globalcodio" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Globalcodio icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/globalcodio.svg" alt="Globalcodio icon">, or paste the SVG code inline to style it with CSS.