ICONYZ
Türkçe
Font Awesome Brands setinden Whatsapp Square ikonu

Whatsapp Square ikonu

fa7-brands:whatsapp-square

Whatsapp Square ikonu (fa7-brands:whatsapp-square), Font Awesome Brands setinden ücretsiz bir SVG ikondur (yapımcı: Dave Gandy). 640 × 640 ızgara üzerinde çizilmiştir. Font Awesome Brands 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
Font Awesome Brands
Yazar
Dave Gandy
Lisans
CC-BY-4.0
Boyut
640 × 640
Etiketler
whatsappsquare
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M188.1 318.6c0 24.9 7 49.2 20.2 70.1l3.1 5l-13.3 48.6l49.9-13.1l4.8 2.9c20.2 12 43.4 18.4 67.1 18.4h.1c72.6 0 133.3-59.1 133.3-131.8c0-35.2-15.2-68.3-40.1-93.2c-25-25-58-38.7-93.2-38.7c-72.7 0-131.8 59.1-131.9 131.8M370.8 394c-12.6 1.9-22.4.9-47.5-9.9c-36.8-15.9-61.8-51.5-66.9-58.7c-.4-.6-.7-.9-.8-1.1c-2-2.6-16.2-21.5-16.2-41c0-18.4 9-27.9 13.2-32.3c.3-.3.5-.5.7-.8c3.6-4 7.9-5 10.6-5c2.6 0 5.3 0 7.6.1h.8c2.3 0 5.2 0 8.1 6.8c1.2 2.9 3 7.3 4.9 11.8c3.3 8 6.7 16.3 7.3 17.6c1 2 1.7 4.3.3 6.9c-3.4 6.8-6.9 10.4-9.3 13c-3.1 3.2-4.5 4.7-2.3 8.6c15.3 26.3 30.6 35.4 53.9 47.1c4 2 6.3 1.7 8.6-1c2.3-2.6 9.9-11.6 12.5-15.5c2.6-4 5.3-3.3 8.9-2s23.1 10.9 27.1 12.9c.8.4 1.5.7 2.1 1c2.8 1.4 4.7 2.3 5.5 3.6c.9 1.9.9 9.9-2.4 19.1c-3.3 9.3-19.1 17.7-26.7 18.8M544 160c0-35.3-28.7-64-64-64H160c-35.3 0-64 28.7-64 64v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64zM244.1 457.9L160 480l22.5-82.2c-13.9-24-21.2-51.3-21.2-79.3c.1-87.4 71.2-158.5 158.6-158.5c42.4 0 82.2 16.5 112.2 46.5c29.9 30 47.9 69.8 47.9 112.2c0 87.4-72.7 158.5-160.1 158.5c-26.6 0-52.7-6.7-75.8-19.3"/></svg>

Whatsapp Square ikonu nasıl kullanılır

React

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

<Icon icon="fa7-brands:whatsapp-square" width="24" />

Vue

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

<template>
  <Icon icon="fa7-brands:whatsapp-square" width="24" />
</template>

Svelte

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

<Icon icon="fa7-brands:whatsapp-square" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-brands--whatsapp-square]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa7-brands -->
<div class="i-fa7-brands:whatsapp-square"></div>

Web bileşeni

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

<iconify-icon icon="fa7-brands:whatsapp-square"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/fa7-brands/whatsapp-square.svg" alt="Whatsapp Square ikonu" width="24" height="24">

Font Awesome Brands setindeki benzer ikonlar

Diğer ikon setlerinde Whatsapp Square ikonu

Whatsapp Square ikonu: sık sorulan sorular

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

Evet. Font Awesome Brands 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.

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

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

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

Tümüne göz at: Font Awesome Brands ikonları →