Ikon Hashicorp
logos:hashicorp
Ikon Hashicorp (logos:hashicorp) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 120. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 120
Kode SVG
<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>Cara memakai ikon Hashicorp
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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/hashicorp.svg" alt="Ikon Hashicorp" width="24" height="24">Ikon terkait di SVG Logos
Ikon Hashicorp di set ikon lain
FAQ Ikon Hashicorp
Apakah ikon Hashicorp gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Hashicorp di React?
Pasang @iconify/react lalu render <Icon icon="logos:hashicorp" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Hashicorp ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/hashicorp.svg" alt="Ikon Hashicorp">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.