Dialpad Square 01 ikonu

hugeicons:dialpad-square-01

Dialpad Square 01 ikonu (hugeicons:dialpad-square-01), Huge Icons setinden ücretsiz bir SVG ikondur (yapımcı: Hugeicons). 24 × 24 ızgara üzerinde çizilmiştir. Huge Icons, MIT lisansı ile yayınlanır. Bu lisans 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: Huge Icons
Yazar: Hugeicons
Lisans: MIT
Boyut: 24 × 24
Etiketler: dialpadsquare

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M2 4c0 .943 0 1.414.293 1.707S3.057 6 4 6s1.414 0 1.707-.293S6 4.943 6 4s0-1.414-.293-1.707S4.943 2 4 2s-1.414 0-1.707.293S2 3.057 2 4Zm0 8c0 .943 0 1.414.293 1.707S3.057 14 4 14s1.414 0 1.707-.293S6 12.943 6 12s0-1.414-.293-1.707S4.943 10 4 10s-1.414 0-1.707.293S2 11.057 2 12Zm0 8c0 .943 0 1.414.293 1.707S3.057 22 4 22s1.414 0 1.707-.293S6 20.943 6 20s0-1.414-.293-1.707S4.943 18 4 18s-1.414 0-1.707.293S2 19.057 2 20Zm8-16c0 .943 0 1.414.293 1.707S11.057 6 12 6s1.414 0 1.707-.293S14 4.943 14 4s0-1.414-.293-1.707S12.943 2 12 2s-1.414 0-1.707.293S10 3.057 10 4Zm0 8c0 .943 0 1.414.293 1.707S11.057 14 12 14s1.414 0 1.707-.293S14 12.943 14 12s0-1.414-.293-1.707S12.943 10 12 10s-1.414 0-1.707.293S10 11.057 10 12Zm0 8c0 .943 0 1.414.293 1.707S11.057 22 12 22s1.414 0 1.707-.293S14 20.943 14 20s0-1.414-.293-1.707S12.943 18 12 18s-1.414 0-1.707.293S10 19.057 10 20Zm8-16c0 .943 0 1.414.293 1.707S19.057 6 20 6s1.414 0 1.707-.293S22 4.943 22 4s0-1.414-.293-1.707S20.943 2 20 2s-1.414 0-1.707.293S18 3.057 18 4Zm0 8c0 .943 0 1.414.293 1.707S19.057 14 20 14s1.414 0 1.707-.293S22 12.943 22 12s0-1.414-.293-1.707S20.943 10 20 10s-1.414 0-1.707.293S18 11.057 18 12Zm0 8c0 .943 0 1.414.293 1.707S19.057 22 20 22s1.414 0 1.707-.293S22 20.943 22 20s0-1.414-.293-1.707S20.943 18 20 18s-1.414 0-1.707.293S18 19.057 18 20Z"/></svg>

Dialpad Square 01 ikonu nasıl kullanılır

React

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

<Icon icon="hugeicons:dialpad-square-01" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:dialpad-square-01" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:dialpad-square-01" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--dialpad-square-01]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:dialpad-square-01"></div>

Web bileşeni

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

<iconify-icon icon="hugeicons:dialpad-square-01"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/hugeicons/dialpad-square-01.svg" alt="Dialpad Square 01 ikonu" width="24" height="24">

Huge Icons setindeki benzer ikonlar

Dialpad Square 01 ikonu: sık sorulan sorular

Dialpad Square 01 ikonu ticari kullanım için ücretsiz mi?

Evet. Huge Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Dialpad Square 01 ikonunu React'te nasıl kullanırım?

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

Dialpad Square 01 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/hugeicons/dialpad-square-01.svg" alt="Dialpad Square 01 ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Huge Icons →