Ikon Grommet
logos:grommet
Ikon Grommet (logos:grommet) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 150. 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 × 150
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="150" viewBox="0 0 512 150"><path fill="#7d4cdb" d="M206.979 64.521a13.8 13.8 0 0 1 5.26.84a12.85 12.85 0 0 1 6.225 5.914v-5.913h10.364v38.532a21.8 21.8 0 0 1-2.677 11.858q-4.422 6.664-16.589 6.93l-1.027.011a24.1 24.1 0 0 1-12.699-3.112a11.3 11.3 0 0 1-5.447-9.15h11.579a4.8 4.8 0 0 0 1.431 2.676a9.06 9.06 0 0 0 5.79 1.463a7.78 7.78 0 0 0 7.687-3.829a19.3 19.3 0 0 0 1.401-8.03v-2.614a12.8 12.8 0 0 1-3.3 3.89a12.9 12.9 0 0 1-8.216 2.397a15.56 15.56 0 0 1-12.45-5.51a22.32 22.32 0 0 1-4.638-14.908a24.9 24.9 0 0 1 4.545-15.22a14.82 14.82 0 0 1 12.76-6.225m260.606.405a23 23 0 0 1 8.709 1.451l1.033.416a16.53 16.53 0 0 1 7.003 6.039a19.95 19.95 0 0 1 3.113 8.403a52 52 0 0 1 .31 8.062h-29.567a9.74 9.74 0 0 0 4.232 8.59a10.65 10.65 0 0 0 5.852 1.525a8.72 8.72 0 0 0 5.882-1.836a9 9 0 0 0 2.21-2.802h10.832a13.17 13.17 0 0 1-3.403 6.797l-.55.549a19.83 19.83 0 0 1-15.282 5.882a22.04 22.04 0 0 1-14.318-5.042q-6.225-5.01-6.225-16.278a22 22 0 0 1 5.634-16.154a19.45 19.45 0 0 1 14.535-5.602m-180.803-.56a18.68 18.68 0 0 1 15.563 6.474a23.7 23.7 0 0 1 5.135 14.248v.972a23.53 23.53 0 0 1-5.198 15.22a18.68 18.68 0 0 1-15.562 6.224a18.9 18.9 0 0 1-15.562-6.224a23.56 23.56 0 0 1-5.14-14.307l.004-.976a23.75 23.75 0 0 1 5.198-15.25a18.68 18.68 0 0 1 15.562-6.381m218.62-9.307v11.33H512v7.563h-6.598v21.476a5 5 0 0 0 .622 3.113a7.07 7.07 0 0 0 3.89.622H512v7.906l-5.011.155c-5.042 0-8.466-.716-10.302-2.614a7.9 7.9 0 0 1-1.806-5.634v-24.9l-5.758-.124V66.39h5.758V55.06zm-92.939 12.077a12.2 12.2 0 0 1 3.486 4.886a13.4 13.4 0 0 1 5.198-5.26a16.1 16.1 0 0 1 7.315-1.65c1.775-.017 3.539.3 5.197.934a11.6 11.6 0 0 1 4.731 3.673a11.2 11.2 0 0 1 2.303 5.198c.233 1.59.36 3.195.38 4.802l-.006 26.82h-10.894V80.676a8.5 8.5 0 0 0-.747-3.797a5.26 5.26 0 0 0-5.197-2.833a6.04 6.04 0 0 0-6.225 3.642a11.5 11.5 0 0 0-.872 4.638v24.183h-10.707V82.293c.1-1.775-.154-3.552-.747-5.228a5.17 5.17 0 0 0-5.26-2.957a6.23 6.23 0 0 0-6.225 2.925a11 11 0 0 0-.871 4.98v24.464h-10.49V66.015h10.334v5.914a17.2 17.2 0 0 1 3.735-4.482a14.66 14.66 0 0 1 15.562-.311m-68.131-.374a12.14 12.14 0 0 1 3.486 4.887a13.7 13.7 0 0 1 5.197-5.23a15.56 15.56 0 0 1 7.315-1.649c1.613.01 3.21.292 4.727.83l.75.29a11.92 11.92 0 0 1 7.035 8.81c.205 1.546.32 3.104.346 4.664l-.004 27.144H362.29V80.644a8.56 8.56 0 0 0-.747-3.828a5.29 5.29 0 0 0-5.198-2.833a6.225 6.225 0 0 0-6.225 3.642a11.2 11.2 0 0 0-.867 3.87l-.005 24.982h-10.707V82.293a13.6 13.6 0 0 0-.746-5.26a5.17 5.17 0 0 0-5.23-2.956a6.23 6.23 0 0 0-6.224 2.925a11.6 11.6 0 0 0-.872 5.011v24.433H314.7V65.984h10.333v5.603a16.7 16.7 0 0 1 3.735-4.513a14.78 14.78 0 0 1 15.563-.312m-83.539-2.21l.654.032h.902v10.893c-.653 0-1.245 0-1.774-.155H259.3a8.81 8.81 0 0 0-8.621 4.14a16.8 16.8 0 0 0-1.245 7.22v19.453H238.57V65.486h10.147v7.097a23 23 0 0 1 4.295-5.572a11.6 11.6 0 0 1 7.781-2.459m25.88 8.81a9.34 9.34 0 0 0-7.174 3.36a15.22 15.22 0 0 0-2.521 9.338c-.2 3.3.674 6.575 2.49 9.337a9.337 9.337 0 0 0 14.348 0c1.8-2.77 2.672-6.04 2.49-9.337a15.3 15.3 0 0 0-2.458-9.338a9.34 9.34 0 0 0-7.175-3.36M201.781 78.9a19.1 19.1 0 0 0-1.152 6.878a16.1 16.1 0 0 0 1.183 6.225a7.81 7.81 0 0 0 7.15 5.173l.569-.006a8.25 8.25 0 0 0 6.287-2.614v-.032a13.14 13.14 0 0 0 2.552-8.963a13.63 13.63 0 0 0-2.396-8.809a8.03 8.03 0 0 0-5.922-3.102l-.583-.01a7.66 7.66 0 0 0-7.688 5.26m259.641-2.957a11 11 0 0 0-2.832 6.225h18.301a8.9 8.9 0 0 0-2.832-6.412a9.34 9.34 0 0 0-5.545-2.199l-.68-.01a8.5 8.5 0 0 0-6.412 2.396M74.7 24.9c27.503 0 49.798 22.296 49.798 49.8s-22.295 49.798-49.799 49.798S24.9 102.203 24.9 74.7s22.297-49.8 49.8-49.8m0-24.9C33.444 0 0 33.444 0 74.7c0 41.254 33.444 74.698 74.7 74.698c41.254 0 74.698-33.444 74.698-74.699A74.7 74.7 0 0 0 74.7 0"/></svg>Cara memakai ikon Grommet
React
import { Icon } from "@iconify/react";
<Icon icon="logos:grommet" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:grommet" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:grommet" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--grommet]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:grommet"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:grommet"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/grommet.svg" alt="Ikon Grommet" width="24" height="24">Ikon Grommet di set ikon lain
FAQ Ikon Grommet
Apakah ikon Grommet 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 Grommet di React?
Pasang @iconify/react lalu render <Icon icon="logos:grommet" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Grommet ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/grommet.svg" alt="Ikon Grommet">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.