ICONYZ
Türkçe
Google Cloud Icons setinden Anthos ikonu

Anthos ikonu

gcp:anthos

Anthos ikonu (gcp:anthos), Google Cloud Icons setinden ücretsiz bir SVG ikondur (yapımcı: Google Cloud). 24 × 24 ızgara üzerinde çizilmiştir. Google Cloud Icons, Apache 2.0 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
Google Cloud Icons
Yazar
Google Cloud
Lisans
Apache-2.0
Boyut
24 × 24
Etiketler
antho
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#febc00" d="m6 15.8l6-10.5l6 10.5l5 5l.2.2L12 1.6L.8 21l.2-.2z"/><path fill="#ee3c2b" d="M12 9.7L1 20.8l4.6-2.1l6.4-6.4l6.4 6.4l4.6 2.1z"/><path fill="#2baa4f" d="m6 20.6l-4.2 1.8h20.4L18 20.6z"/><path fill="#3982f8" d="m23 20.8l-11-5l-11 5l-1 1.6h1.8L12 17.8l10.2 4.6H24z"/></svg>

Anthos ikonu nasıl kullanılır

React

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

<Icon icon="gcp:anthos" width="24" />

Vue

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

<template>
  <Icon icon="gcp:anthos" width="24" />
</template>

Svelte

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

<Icon icon="gcp:anthos" width="24" />

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

<iconify-icon icon="gcp:anthos"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/gcp/anthos.svg" alt="Anthos ikonu" width="24" height="24">

Google Cloud Icons setindeki benzer ikonlar

Anthos ikonu: sık sorulan sorular

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

Evet. Google Cloud Icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

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

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

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

Tümüne göz at: Google Cloud Icons →