Ikon Vagrant
logos:vagrant
Ikon Vagrant (logos:vagrant) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 139. 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 × 139
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="139" viewBox="0 0 512 139"><path d="M229.818 32.467h14.47l-21.997 73.735h-20.547l-21.997-73.735h14.473l17.786 61.43l17.809-61.43zm54.713 73.735h-11.045l-.988-3.664a29.4 29.4 0 0 1-16.107 4.77c-9.848 0-14.036-6.752-14.036-16.13c0-10.968 4.764-15.162 15.692-15.162h12.933V70.44c0-5.968-1.656-8.088-10.286-8.088a75 75 0 0 0-14.931 1.66l-1.66-10.3a70.2 70.2 0 0 1 18.409-2.558c16.91 0 21.881 5.968 21.881 19.494zm-13.482-20.37h-9.94c-4.418 0-5.637 1.222-5.637 5.323s1.219 5.415 5.407 5.415a21.2 21.2 0 0 0 10.167-2.765v-7.973zm39.23 5.853a5.82 5.82 0 0 0-3.2 4.309c0 1.429.875 2.097 2.992 2.304c5.96.668 9.202.991 15.576 1.66c8.745.99 11.504 5.322 11.504 13.064c0 11.521-4.21 16.13-24.318 16.13a78.3 78.3 0 0 1-20.71-2.765l1.657-10.07a74.7 74.7 0 0 0 18.131 2.304c10.724 0 12.818-.783 12.818-4.308s-.991-3.872-5.087-4.31c-6.19-.668-8.742-.99-15.577-1.774c-7.615-.875-10.608-3.433-10.608-10.3a11.54 11.54 0 0 1 5.64-9.216c-4.971-2.996-7.296-7.973-7.296-14.494v-5.115c.23-11.176 6.075-17.927 21.674-17.927a36.5 36.5 0 0 1 9.206 1.106h16.587v6.751c-1.886.553-4.095 1.106-5.959 1.66a18.45 18.45 0 0 1 1.887 8.41v5.092c0 10.968-6.625 17.604-21.675 17.604a28 28 0 0 1-3.243-.115m3.081-29.678c-6.624 0-8.949 2.442-8.949 7.535v4.17c0 5.323 2.644 7.305 8.95 7.305c6.304 0 9.066-2.097 9.066-7.305v-4.17c.023-5.047-2.301-7.512-9.044-7.512zm59.593 1.567a105.6 105.6 0 0 0-14.243 7.834v34.794h-13.575v-53.92h11.504l.876 5.969a60.3 60.3 0 0 1 14.15-7.074zm45.097 42.628h-11.043l-.991-3.664a29.4 29.4 0 0 1-16.104 4.77c-9.847 0-14.035-6.752-14.035-16.13c0-10.968 4.76-15.162 15.691-15.162h12.93V70.44c0-5.968-1.656-8.088-10.285-8.088a75 75 0 0 0-14.932 1.66l-1.656-10.3a70 70 0 0 1 18.405-2.558c16.913 0 21.881 5.968 21.881 19.494zm-13.483-20.37h-9.94c-4.418 0-5.636 1.222-5.636 5.323s1.218 5.415 5.406 5.415a21.2 21.2 0 0 0 10.17-2.765zm53.61 20.37V68.55c0-2.88-1.218-4.31-4.3-4.31a37.1 37.1 0 0 0-14.035 4.61v37.35h-13.486V52.284h10.286l1.336 4.608a53.8 53.8 0 0 1 21.56-5.645c8.948 0 12.148 6.314 12.148 15.945v39.172zm53.177-1.014a37.4 37.4 0 0 1-11.827 2.097c-9.848 0-14.819-4.609-14.819-14.286V63.044h-8.076V52.283h8.076V38.895l13.483-1.89v15.278h13.805l-.873 10.738H498.19v28.226a4.29 4.29 0 0 0 1.241 3.598a4.23 4.23 0 0 0 3.615 1.172a26 26 0 0 0 6.74-1.106z"/><path fill="#1159cc" d="m115.324 0l18.2 10.646l-30.35 17.65v.02l30.35-17.67v12.65L92.771 123.23L66.75 138.25v.002l-.001-.001l-.001.001l-.001-.002l-25.77-14.906L0 23.687V10.646L18.203 0l30.373 17.812l-.105.059l.082.033v12.028L66.75 72.49l-.001 14.218l.003-.001V72.491l18.221-42.56V17.79h.023z"/><path fill="#127eff" d="M115.324 0L84.997 17.789h-.023v12.143L66.753 72.491v14.217l-12.126 7.051l-24.275-54.748V28.296l18.224-10.484L18.203 0L0 10.646v13.041l40.978 99.658l25.773 14.908V100.81L78.9 93.759l-.162-.092l24.437-54.656V28.296l30.349-17.65z"/></svg>Cara memakai ikon Vagrant
React
import { Icon } from "@iconify/react";
<Icon icon="logos:vagrant" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:vagrant" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:vagrant" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--vagrant]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:vagrant"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:vagrant"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/vagrant.svg" alt="Ikon Vagrant" width="24" height="24">Ikon terkait di SVG Logos
Ikon Vagrant di set ikon lain
FAQ Ikon Vagrant
Apakah ikon Vagrant 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 Vagrant di React?
Pasang @iconify/react lalu render <Icon icon="logos:vagrant" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Vagrant ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/vagrant.svg" alt="Ikon Vagrant">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.