Meta ikonu

logos:meta

Meta ikonu (logos:meta), SVG Logos setinden ücretsiz bir SVG ikondur (yapımcı: Gil Barbara). 512 × 104 ızgara üzerinde çizilmiştir. SVG Logos icons, CC0 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: SVG Logos
Yazar: Gil Barbara
Lisans: CC0-1.0
Boyut: 512 × 104

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="104" viewBox="0 0 512 104"><defs><linearGradient id="SVGYeLhubCc" x1="13.878%" x2="89.144%" y1="55.934%" y2="58.694%"><stop offset="0%" stop-color="#0064e1"/><stop offset="40%" stop-color="#0064e1"/><stop offset="83%" stop-color="#0073ee"/><stop offset="100%" stop-color="#0082fb"/></linearGradient><linearGradient id="SVGll66Sdsg" x1="54.315%" x2="54.315%" y1="82.782%" y2="39.307%"><stop offset="0%" stop-color="#0082fb"/><stop offset="100%" stop-color="#0064e0"/></linearGradient></defs><path fill="#0081fb" d="M16.775 68.029c0 5.93 1.302 10.483 3.003 13.237c2.23 3.608 5.557 5.137 8.95 5.137c4.374 0 8.376-1.086 16.088-11.753c6.179-8.55 13.46-20.55 18.358-28.073l8.295-12.746c5.763-8.852 12.433-18.692 20.08-25.362C97.794 3.024 104.529 0 111.307 0c11.38 0 22.22 6.594 30.515 18.962c9.079 13.546 13.486 30.607 13.486 48.214c0 10.467-2.063 18.157-5.574 24.233c-3.392 5.876-10.002 11.747-21.123 11.747V86.403c9.522 0 11.898-8.75 11.898-18.763c0-14.269-3.327-30.104-10.656-41.419c-5.2-8.026-11.94-12.93-19.356-12.93c-8.02 0-14.474 6.05-21.728 16.835c-3.856 5.73-7.815 12.713-12.26 20.593l-4.893 8.669c-9.83 17.428-12.32 21.398-17.234 27.949c-8.614 11.471-15.97 15.82-25.654 15.82c-11.488 0-18.752-4.975-23.25-12.471C1.803 84.577 0 76.562 0 67.43z"/><path fill="url(#SVGYeLhubCc)" d="M13.227 20.145C20.917 8.29 32.017 0 44.746 0C52.118 0 59.447 2.182 67.1 8.43c8.371 6.833 17.294 18.083 28.425 36.624l3.99 6.654c9.636 16.051 15.118 24.309 18.326 28.203c4.126 5.001 7.016 6.492 10.77 6.492c9.521 0 11.897-8.75 11.897-18.763l14.799-.464c0 10.467-2.063 18.157-5.574 24.233c-3.392 5.876-10.002 11.747-21.123 11.747c-6.913 0-13.037-1.501-19.81-7.89c-5.206-4.904-11.293-13.616-15.976-21.447L78.896 50.552c-6.99-11.677-13.4-20.383-17.11-24.326c-3.992-4.24-9.122-9.36-17.31-9.36c-6.627 0-12.255 4.651-16.964 11.764z"/><path fill="url(#SVGll66Sdsg)" d="M44.476 16.867c-6.627 0-12.255 4.65-16.964 11.763c-6.66 10.05-10.737 25.022-10.737 39.399c0 5.93 1.302 10.483 3.003 13.237l-14.302 9.42C1.804 84.577 0 76.562 0 67.43c0-16.608 4.558-33.918 13.227-47.285C20.917 8.29 32.017 0 44.746 0z"/><path fill="#192830" d="M187.917 3.262h19.405l32.994 59.69l33-59.69h18.983v98.08h-15.83v-75.17l-28.938 52.054H232.68l-28.932-52.054v75.17h-15.83zM341.9 39.832c-11.352 0-18.19 8.543-19.826 19.124h38.53c-.794-10.9-7.081-19.125-18.704-19.125m-35.52 25.151c0-22.262 14.387-38.465 35.796-38.465c21.058 0 33.63 15.997 33.63 39.653v4.348h-53.732c1.906 11.509 9.543 19.265 21.857 19.265c9.824 0 15.965-2.998 21.787-8.48l8.41 10.3c-7.924 7.285-18.002 11.487-30.759 11.487c-23.175 0-36.99-16.899-36.99-38.108m88.622-23.748H380.43V28.273h14.572V6.837h15.273v21.436h22.138v12.962h-22.138V74.09c0 11.217 3.586 15.203 12.4 15.203c4.024 0 6.33-.346 9.738-.913v12.822c-4.245 1.199-8.296 1.75-12.681 1.75c-16.489 0-24.73-9.009-24.73-27.042zM496.725 53.84c-3.067-7.745-9.91-13.448-19.967-13.448c-13.07 0-21.435 9.273-21.435 24.38c0 14.727 7.701 24.449 20.809 24.449c10.305 0 17.66-5.995 20.593-13.454zm15.274 47.5h-14.993V91.112c-4.19 6.022-11.817 11.98-24.169 11.98c-19.864 0-33.14-16.63-33.14-38.32c0-21.895 13.595-38.254 33.983-38.254c10.078 0 17.985 4.03 23.326 11.142v-9.387H512z"/></svg>

Meta ikonu nasıl kullanılır

React

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

<Icon icon="logos:meta" width="24" />

Vue

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

<template>
  <Icon icon="logos:meta" width="24" />
</template>

Svelte

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

<Icon icon="logos:meta" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--meta]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:meta"></div>

Web bileşeni

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

<iconify-icon icon="logos:meta"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/logos/meta.svg" alt="Meta ikonu" width="24" height="24">

SVG Logos setindeki benzer ikonlar

Diğer ikon setlerinde Meta ikonu

Meta ikonu: sık sorulan sorular

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

Evet. SVG Logos icons, CC0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Meta ikonunu React'te nasıl kullanırım?

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

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

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