ICONYZ
Türkçe
Fluent UI MDL2 setinden Translate ikonu

Translate ikonu

fluent-mdl2:translate

Translate ikonu (fluent-mdl2:translate), Fluent UI MDL2 setinden ücretsiz bir SVG ikondur (yapımcı: Microsoft Corporation). 2048 × 2048 ızgara üzerinde çizilmiştir. Fluent UI MDL2 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
Fluent UI MDL2
Yazar
Microsoft Corporation
Lisans
MIT
Boyut
2048 × 2048
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="m651 896l341 1024H853l-85-256H384l-85 256H160L501 896zm74 640l-149-448l-149 448zm81-992q1-40 1-79t0-79v-58q0-29-1-58q0-5 2-11q8-2 13-2q42 1 83 2t84 1h275v-11q0-30-1-61t-8-60q69 0 137 6q6 1 12 3t7 10q0 6-3 12t-5 12q-2 5-3 15t-2 22t-1 22t0 17v13h296q42 0 83-1t84-2q7 0 13 3q3 5 3 10q-1 17-2 35t-1 36v58q0 36 1 72t2 73v7q0 4-3 6q-8 2-13 2h-25q-20 0-41 1q-19 0-34-1t-17-3q-2-8-2-24t-1-36q0-33 1-68t1-52H939v39q0 15 1 31t0 34q0 29-1 52t-3 26q-8 2-13 2H821q-11 0-13-3t-2-13m422 609q24 0 36-7t13-34V922H958q-40 0-80 1t-80 2q-8 0-12-3q-2-6-2-11V808q0-4 3-7q6-2 11-2l80 2q40 1 80 1h319q-2-26-2-52t-6-53q20 2 39 3t40 4h3q1 0 4 1q35-25 67-53t64-57h-308q-42 0-83 1t-84 2q-8 0-12-3q-2-6-2-11v-95q0-4 2-12q8-2 12-2q42 1 83 2t84 1h373q16 0 30-4t25-5q8 0 23 12t30 28t26 32t12 25q0 10-6 15t-15 10q-14 7-27 18t-25 21q-52 43-104 83t-110 78v11h321q40 0 79-1t79-2q7 0 13 3q2 8 2 13v96q0 4-2 12q-8 2-13 2q-40-1-79-2t-79-1h-321v33q0 52 1 104t3 104v4q0 24-9 48t-29 38q-14 10-39 15t-55 8t-56 3t-44 1h-19q-13 0-18-6q-3-3-7-16t-6-18q-7-26-16-48t-24-46q34 4 68 5t68 2m647 300l-83-82v165q0 53-20 99t-55 82t-81 55t-100 20h-165l82 83l-90 90l-237-237l237-237l90 90l-82 83h165q27 0 50-10t40-27t28-41t10-50v-165l-83 82l-90-90l237-237l237 237z"/></svg>

Translate ikonu nasıl kullanılır

React

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

<Icon icon="fluent-mdl2:translate" width="24" />

Vue

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

<template>
  <Icon icon="fluent-mdl2:translate" width="24" />
</template>

Svelte

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

<Icon icon="fluent-mdl2:translate" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--translate]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:translate"></div>

Web bileşeni

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

<iconify-icon icon="fluent-mdl2:translate"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/fluent-mdl2/translate.svg" alt="Translate ikonu" width="24" height="24">

Diğer ikon setlerinde Translate ikonu

Translate ikonu: sık sorulan sorular

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

Evet. Fluent UI MDL2 icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

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

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

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

Tümüne göz at: Fluent UI MDL2 ikonları →