Grip Horizontal Bold ikonu

solar:grip-horizontal-bold

Grip Horizontal Bold ikonu (solar:grip-horizontal-bold), Solar setinden ücretsiz bir SVG ikondur (yapımcı: 480 Design). 24 × 24 ızgara üzerinde çizilmiştir. Solar icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: Solar
Yazar: 480 Design
Lisans: CC-BY-4.0
Boyut: 24 × 24
Etiketler: griphorizontal, horizontalbold, griphorizontalbold

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M5 14.0117C5.82843 14.0117 6.5 14.6833 6.5 15.5117C6.5 16.3401 5.82843 17.0117 5 17.0117C4.17157 17.0117 3.5 16.3401 3.5 15.5117C3.5 14.6833 4.17157 14.0117 5 14.0117Z"/><path d="M12 14.0117C12.8284 14.0117 13.5 14.6833 13.5 15.5117C13.5 16.3401 12.8284 17.0117 12 17.0117C11.1716 17.0117 10.5 16.3401 10.5 15.5117C10.5 14.6833 11.1716 14.0117 12 14.0117Z"/><path d="M19 13.9961C19.8284 13.9961 20.5 14.6677 20.5 15.4961C20.5 16.3245 19.8284 16.9961 19 16.9961C18.1716 16.9961 17.5 16.3245 17.5 15.4961C17.5 14.6677 18.1716 13.9961 19 13.9961Z"/><path d="M5 7.00391C5.82843 7.00391 6.5 7.67548 6.5 8.50391C6.5 9.33233 5.82843 10.0039 5 10.0039C4.17157 10.0039 3.5 9.33233 3.5 8.50391C3.5 7.67548 4.17157 7.00391 5 7.00391Z"/><path d="M12 7.00391C12.8284 7.00391 13.5 7.67548 13.5 8.50391C13.5 9.33233 12.8284 10.0039 12 10.0039C11.1716 10.0039 10.5 9.33233 10.5 8.50391C10.5 7.67548 11.1716 7.00391 12 7.00391Z"/><path d="M19 6.98828C19.8284 6.98828 20.5 7.65985 20.5 8.48828C20.5 9.31671 19.8284 9.98828 19 9.98828C18.1716 9.98828 17.5 9.31671 17.5 8.48828C17.5 7.65985 18.1716 6.98828 19 6.98828Z"/></g></svg>

Grip Horizontal Bold ikonu nasıl kullanılır

React

import { Icon } from "@iconify/react";

<Icon icon="solar:grip-horizontal-bold" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:grip-horizontal-bold" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:grip-horizontal-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--grip-horizontal-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:grip-horizontal-bold"></div>

Web bileşeni

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:grip-horizontal-bold"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/solar/grip-horizontal-bold.svg" alt="Grip Horizontal Bold ikonu" width="24" height="24">

Solar setindeki benzer ikonlar

Grip Horizontal Bold ikonu: sık sorulan sorular

Grip Horizontal Bold ikonu ticari kullanım için ücretsiz mi?

Evet. Solar icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.

Grip Horizontal Bold ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="solar:grip-horizontal-bold" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Grip Horizontal Bold ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/solar/grip-horizontal-bold.svg" alt="Grip Horizontal Bold ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Solar ikonları →