Hashicorp icon
logos:hashicorp
The Hashicorp icon (logos:hashicorp) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 120 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 × 120
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="120" viewBox="0 0 512 120"><path d="M174.138 92.85V65.327h-24.207V92.85h-12.326V27.585h12.326v26.846h24.207V27.585h12.326V92.85zm57.512 0h-9.786l-.888-3.23a26.1 26.1 0 0 1-14.211 4.216c-8.727 0-12.45-5.978-12.45-14.212c0-9.7 4.216-13.422 13.916-13.422h11.463v-5.005l-.005-.544c-.105-4.872-1.73-6.605-9.103-6.605a66.7 66.7 0 0 0-13.226 1.418l-1.467-9.109a62.3 62.3 0 0 1 16.369-2.255c14.988 0 19.4 5.287 19.4 17.256zm-11.943-10.982l-.013-7.05h-8.812c-3.92 0-4.992 1.072-4.992 4.708c0 3.328 1.072 4.807 4.807 4.807a18.8 18.8 0 0 0 9.01-2.465m35.079 11.956a56.2 56.2 0 0 1-16.467-2.749l1.664-9.109a53.4 53.4 0 0 0 14.211 2.059l.665-.007c4.69-.105 5.412-1.381 5.412-4.8l-.006-.468c-.077-2.527-.938-3.936-7.51-5.605l-.816-.201c-11.507-2.81-12.99-5.704-13.028-14.628v-.36c0-9.602 4.215-13.817 17.835-13.817a62.8 62.8 0 0 1 14.31 1.664l-1.233 9.503a84 84 0 0 0-13.127-1.368c-5.189 0-6.076 1.232-6.076 4.116l.004.616c.045 2.984.564 3.52 5.4 4.81l1.363.355c13.36 3.538 14.643 5.3 14.643 15.05l-.005.633c-.132 8.882-3.174 14.306-17.24 14.306m52.816-.974V59.57c0-2.551-1.073-3.82-3.821-3.82c-2.934 0-8.135 1.762-12.45 4.018V92.85h-11.955V25.625l11.956-1.664v24.787a42.1 42.1 0 0 1 17.44-4.61c7.939 0 10.773 5.584 10.773 14.114V92.85zm20.769-54.48V24.553h11.956V38.37zm0 54.48V45.125h11.956V92.85zm20.288-47.33c0-11.957 6.952-18.909 23.222-18.909a74 74 0 0 1 17.736 2.157l-1.355 10.674a96 96 0 0 0-16.024-1.664c-8.387 0-11.173 2.849-11.263 9.519l-.003 25.425c0 6.952 2.749 9.86 11.266 9.86a96 96 0 0 0 16.024-1.663l1.368 10.686a74 74 0 0 1-17.737 2.157c-16.27 0-23.222-6.952-23.222-18.908zm65.487 48.304c-16.369 0-20.77-9.01-20.77-18.81V62.96c0-9.799 4.413-18.81 20.77-18.81s20.769 9.011 20.769 18.81v12.055l-.009.624c-.221 9.554-4.776 18.185-20.76 18.185m0-39.443c-6.373 0-8.813 2.848-8.813 8.234v12.794c0 5.386 2.465 8.234 8.813 8.234s8.813-2.848 8.813-8.234V62.566c-.025-5.387-2.478-8.234-8.813-8.234zm52.483.74a93.6 93.6 0 0 0-12.646 6.952v30.814h-11.956V45.125h10.094l.79 5.287a53.5 53.5 0 0 1 12.547-6.273zm45.334 21.853c0 10.588-4.708 16.85-15.777 16.85a66 66 0 0 1-12.745-1.38v19.72l-11.956 1.664V45.125h9.503l1.233 4.018a25.12 25.12 0 0 1 15.087-4.992c9.601 0 14.692 5.682 14.692 16.566zm-28.51 5.387a53 53 0 0 0 10.588 1.232c4.314 0 5.978-2.058 5.978-6.372V60.396c0-3.92-1.466-6.076-5.879-6.076a16.9 16.9 0 0 0-10.686 4.314zM95.315 16.997l17.7 10.218V92.48l-47.11 27.179V99.247l29.41-16.985zM65.905 0l17.7 10.218v66.645l-17.7 10.206V67.804H47.11v51.83l-17.7-10.243V42.795l17.7-10.218v19.4h18.797zM47.11 0v20.411L17.7 37.396v65.265L0 92.443V27.178z"/></svg>How to use the Hashicorp icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:hashicorp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:hashicorp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:hashicorp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--hashicorp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:hashicorp"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:hashicorp"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/hashicorp.svg" alt="Hashicorp icon" width="24" height="24">Related icons in SVG Logos
Hashicorp icon in other icon sets
Hashicorp icon FAQ
Is the Hashicorp 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 Hashicorp icon in React?
Install @iconify/react and render <Icon icon="logos:hashicorp" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Hashicorp icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/hashicorp.svg" alt="Hashicorp icon">, or paste the SVG code inline to style it with CSS.