Dependabot icon
logos:dependabot
The Dependabot icon (logos:dependabot) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 274 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 × 274
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="274" viewBox="0 0 256 274"><path fill="#2b64cf" d="M118.84 2.179c5.083-2.902 13.312-2.909 18.406 0l109.551 71.514C251.88 76.595 256 83.68 256 89.542v93.345c0 5.85-4.109 12.94-9.203 15.848l-109.551 72.55c-5.083 2.902-13.312 2.909-18.406 0L9.203 198.736C4.12 195.833 0 188.75 0 182.887V89.542c0-5.851 4.109-12.94 9.203-15.849z"/><path fill="#fff" d="M143.107 59.955c1.056 0 1.913.857 1.913 1.913V94.28h43.227a8.61 8.61 0 0 1 8.61 8.609l-.002 33.9h5a2.87 2.87 0 0 1 2.869 2.87v28.355a2.87 2.87 0 0 1-2.87 2.87h-4.999l.001 16.984a8.61 8.61 0 0 1-8.609 8.609H68.2a8.61 8.61 0 0 1-8.61-8.61v-16.984h-5.443a2.87 2.87 0 0 1-2.87-2.87v-28.355a2.87 2.87 0 0 1 2.87-2.87h5.443v-33.9a8.61 8.61 0 0 1 8.61-8.608h68.921v-9.113l-15.4.001a1.913 1.913 0 0 1-1.913-1.913V61.868c0-1.056.856-1.913 1.913-1.913zm23.66 74.772l-.036.036l-10.685 10.929a3 3 0 0 1-4.242.048l-.036-.036l-3.657-3.7a3 3 0 0 0-4.267 0l-3.718 3.76a3 3 0 0 0 0 4.219l11.646 11.78a3 3 0 0 0 4.274-.008l18.684-19.038a3 3 0 0 0-.008-4.21l-3.713-3.756a3 3 0 0 0-4.242-.024m-56.657 0l-.036.036l-10.685 10.929a3 3 0 0 1-4.242.048l-.037-.036l-3.657-3.7a3 3 0 0 0-4.267 0l-3.717 3.76a3 3 0 0 0 0 4.219l11.645 11.78a3 3 0 0 0 4.243.024l.032-.032l18.684-19.038a3 3 0 0 0-.008-4.21l-3.713-3.756a3 3 0 0 0-4.242-.024"/></svg>How to use the Dependabot icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:dependabot" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:dependabot" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:dependabot" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--dependabot]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:dependabot"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:dependabot"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/dependabot.svg" alt="Dependabot icon" width="24" height="24">Dependabot icon in other icon sets
Dependabot icon FAQ
Is the Dependabot 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 Dependabot icon in React?
Install @iconify/react and render <Icon icon="logos:dependabot" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Dependabot icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/dependabot.svg" alt="Dependabot icon">, or paste the SVG code inline to style it with CSS.