Gocd icon
logos:gocd
The Gocd icon (logos:gocd) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 257 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
- 512 × 257
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="257" viewBox="0 0 512 257"><path d="M354.948 213.465q-4.977 13.39-14.22 22.989c-6.162 6.399-13.51 11.376-22.12 14.852s-18.091 5.293-28.44 5.293c-16.116 0-29.941-4.029-41.397-12.008s-18.96-18.881-22.515-32.785h23.384c2.291 5.056 5.135 9.164 8.69 12.245c3.477 3.08 7.269 5.372 11.219 6.952s7.742 2.607 11.455 3.16s6.715.79 9.243.79c8.61 0 15.879-1.501 21.962-4.582q9.124-4.621 14.694-11.85c3.792-4.82 6.478-10.27 8.137-16.432s2.528-12.245 2.528-18.407v-14.22c-4.898 6.636-11.376 12.324-19.355 16.985s-16.906 6.952-26.702 6.952s-18.881-1.817-27.097-5.53s-15.406-8.77-21.41-15.247c-6.083-6.478-10.823-14.062-14.22-22.594c-3.397-8.611-5.135-17.775-5.135-27.65s1.738-19.04 5.135-27.73s8.137-16.194 14.22-22.593s13.194-11.455 21.41-15.247s17.3-5.688 27.097-5.688c10.033 0 19.118 2.449 27.334 7.347s14.694 10.823 19.434 17.617V54.517h21.567v129.165c.079 10.98-1.58 20.856-4.898 29.783m-21.014-110.442c-2.45-6.162-5.767-11.534-10.033-16.195c-4.187-4.661-9.085-8.295-14.615-10.902s-11.455-3.95-17.775-3.95s-12.245 1.343-17.854 3.95q-8.414 3.91-14.457 10.902c-4.03 4.66-7.269 10.033-9.639 16.195s-3.555 12.719-3.555 19.75q0 10.309 3.555 19.434c2.37 6.162 5.53 11.455 9.639 16.037c4.029 4.582 8.848 8.137 14.457 10.823a42.1 42.1 0 0 0 17.854 3.95c6.32 0 12.245-1.343 17.775-3.95s10.428-6.241 14.615-10.823s7.505-9.875 10.033-16.037a52.2 52.2 0 0 0 3.713-19.434c-.08-7.031-1.264-13.667-3.713-19.75M470.84 56.808q12.442 5.688 21.567 15.405c6.083 6.478 10.823 14.062 14.299 22.752S512 112.898 512 122.694s-1.738 18.96-5.293 27.492c-3.476 8.532-8.295 15.958-14.299 22.357c-6.083 6.399-13.272 11.455-21.567 15.089s-17.301 5.53-26.94 5.53c-9.637 0-18.564-1.817-26.86-5.53c-8.294-3.713-15.404-8.69-21.566-15.09c-6.162-6.398-10.981-13.824-14.457-22.356s-5.293-17.696-5.293-27.492s1.738-19.04 5.293-27.73q5.214-13.034 14.457-22.751t21.567-15.405c8.216-3.792 17.222-5.688 26.86-5.688c9.638.079 18.565 1.975 26.939 5.688m-9.243 111.943c5.53-2.607 10.428-6.162 14.615-10.665s7.505-9.796 9.875-15.88q3.555-9.243 3.555-19.433c0-7.031-1.185-13.667-3.555-19.83c-2.37-6.24-5.688-11.612-9.875-16.194a48.2 48.2 0 0 0-14.615-10.902c-5.53-2.686-11.455-4.108-17.775-4.108s-12.245 1.343-17.775 4.108a46.6 46.6 0 0 0-14.457 10.902c-4.108 4.582-7.347 9.954-9.717 16.195s-3.555 12.877-3.555 19.829q0 10.309 3.555 19.434q3.555 9.243 9.717 15.879a45.8 45.8 0 0 0 14.457 10.665c5.53 2.607 11.455 3.95 17.775 3.95c6.399 0 12.245-1.343 17.775-3.95M22.436 223.893c-3.634 0-7.268-.87-10.586-2.686A22.38 22.38 0 0 1 0 201.457V111.95c0-12.403 10.033-22.357 22.357-22.357s22.357 10.033 22.357 22.357v47.716l71.574-47.716L10.033 41.008C-.237 34.135-3.002 20.23 3.792 9.96C10.665-.31 24.569-3.075 34.839 3.72l134.38 89.586a22.39 22.39 0 0 1 9.953 18.644a22.39 22.39 0 0 1-9.954 18.644l-134.3 89.586c-3.792 2.449-8.137 3.713-12.482 3.713"/></svg>How to use the Gocd icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:gocd" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:gocd" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:gocd" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--gocd]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:gocd"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:gocd"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/gocd.svg" alt="Gocd icon" width="24" height="24">Gocd icon in other icon sets
Gocd icon FAQ
Is the Gocd 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 Gocd icon in React?
Install @iconify/react and render <Icon icon="logos:gocd" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Gocd icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/gocd.svg" alt="Gocd icon">, or paste the SVG code inline to style it with CSS.