Gulp icon
logos:gulp
The Gulp icon (logos:gulp) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 566 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 × 566
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="566" viewBox="0 0 256 566"><path fill="#d34a47" d="m197.28 548.749l5.427-90.43l14.985-25.58s-34.106 13.952-91.205 13.952c-57.1 0-90.689-13.694-90.689-13.694l16.794 27.904l5.941 87.848c0 9.418 31.059 17.052 69.374 17.052c38.313 0 69.373-7.634 69.373-17.052m-17.119-422.295l11.391-45.025l63.081-66.376L238.007.892l-66.784 70.707l-13.226 53.793a886 886 0 0 0-29.873-.497c-70.336 0-127.355 8.016-127.355 17.902s57.019 17.902 127.355 17.902c70.335 0 127.353-8.015 127.353-17.902c0-7.28-30.924-13.546-75.316-16.343"/><path fill="#fff" d="M173.535 151.669s-2.467.553-9.724.584c-7.259.03-12.413-.047-14.466-1.917c-.552-.502-.854-1.499-.851-2.174c.006-1.285.918-2.042 2.08-2.516l1.099 1.724c-.478.165-.751.36-.752.568c-.004.976 7.422 1.644 13.102 1.572c5.681-.07 12.545-.538 12.551-1.5c0-.291-.519-.565-1.422-.781l1.094-1.712c1.472.457 2.757 1.34 2.754 2.868c-.014 2.598-3.32 2.993-5.465 3.284"/><path fill="#d34a47" d="M254.509 15.184c1.586-1.832-.821-6.518-5.376-10.465C244.576.774 239.596-.94 238.007.892c-1.587 1.832.821 6.518 5.378 10.463c4.555 3.946 9.537 5.662 11.124 3.829m-60.263 312.681c-1.495-14.384 31.462-35.216 23.004-35.883c-18.208 1.041-27.27 21.338-36.431 42.596c-3.357 7.791-14.844 41.013-22.378 36.923c-7.532-4.088 9.765-31.407 14.613-47.631c-5.594 4.102-26.109 20.041-31.396 5.114c-8.5 7.219-26.663 11.13-24.614-7.833c-4.522 8.01-14.671 19.193-26.853 14.546c-15.998-6.101 9.27-57.062 15.553-54.491s-1.268 14.179-3.246 18.687c-4.35 9.921-9.375 22.393-6.018 24.946c5.751 4.374 21.401-16.547 21.749-17.007c2.927-3.867 11.266-29.166 17.987-26.261s-16.764 36.308-7.983 42.937c1.771 1.338 9.017-.825 13.425-5.594c2.852-3.085 1.871-9.918 11.378-32.59c9.507-22.671 17.98-50.905 24.5-48.754c6.52 2.15 1.146 16.641-1.193 22.043c-10.976 25.354-29.956 67.241-21.005 64.07c8.951-3.17 13.612-3.356 22.377-13.613s8.361-27.152 14.203-26.793c5.844.36 4.863 5.777 3.446 9.902c5.75-6.58 27.256-20.438 32.448-6.713c6.15 16.249-30.769 39.72-21.564 38.523c8.975-1.167 23.515-10.376 29.723-18.749l17.088-153.626s-17.195 14.23-126.589 14.23S1.659 152.91 1.659 152.91l14.548 140.224c7.722-21.947 26.059-66.339 54.963-64.849c13.148.678 30.7 25.995 15.665 26.853c-6.364.362-7.01-12.637-14.546-14.546c-5.438-1.378-13.009 3.043-17.902 7.833c-9.758 9.55-30.745 47.229-27.972 66.014c3.533 23.949 33.048-8.322 38.042-17.903c3.517-6.749 5.893-26.745 13.585-24.647s-.671 22.734-6.247 40.979c-6.264 20.487-9.557 42.098-17.408 39.612c-7.852-2.484 4.938-28.932 4.475-33.566c-7.38 6.809-20.976 24.047-38.37 15.515l9.035 87.078s24.013 18.973 96.35 18.973s97.239-18.677 97.239-18.677l11.219-100.857c-9.179 8.938-38.229 24.81-40.089 6.919"/></svg>
How to use the Gulp icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:gulp" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:gulp" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:gulp" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--gulp]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:gulp"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:gulp"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/logos/gulp.svg" alt="Gulp icon" width="24" height="24">
Gulp icon in other icon sets
Gulp icon FAQ
Is the Gulp 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 Gulp icon in React?
Install @iconify/react and render <Icon icon="logos:gulp" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Gulp icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/gulp.svg" alt="Gulp icon">, or paste the SVG code inline to style it with CSS.
Browse all SVG Logos icons →
ICONYZ
