Transform Code ikonu

carbon:transform-code

Transform Code ikonu (carbon:transform-code), Carbon setinden ücretsiz bir SVG ikondur (yapımcı: IBM). 32 × 32 ızgara üzerinde çizilmiştir. Carbon 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: Carbon
Yazar: IBM
Lisans: Apache-2.0
Boyut: 32 × 32
Kategori: Organizasyon
Etiketler: transformcode

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M11.9 4.737a12 12 0 0 0-3.598 2.09L7.02 5.296a14 14 0 0 1 4.198-2.438zm-8 4.278a13.9 13.9 0 0 0-1.677 4.556l1.984.35c.252-1.4.73-2.72 1.422-3.909zm.293 9.067l-1.968.347c.288 1.636.86 3.174 1.664 4.563l1.73-.999a12 12 0 0 1-1.426-3.911m4.114 7.087l-1.294 1.54a14 14 0 0 0 4.201 2.44l.686-1.884a12.1 12.1 0 0 1-3.593-2.096M29.775 13.57a13.9 13.9 0 0 0-1.664-4.563a14.1 14.1 0 0 0-3.124-3.718a14 14 0 0 0-4.201-2.439A13.9 13.9 0 0 0 16 2.001v2c1.443 0 2.822.262 4.1.735a12.1 12.1 0 0 1 4.877 3.353c.525.593.998 1.232 1.398 1.921a12 12 0 0 1 1.43 3.908c.12.678.195 1.371.195 2.082c0 .712-.086 1.402-.209 2.08a11.9 11.9 0 0 1-1.426 3.904a12.2 12.2 0 0 1-2.673 3.183a12.1 12.1 0 0 1-3.594 2.093c-1.282.47-2.658.74-4.098.74v2a14.04 14.04 0 0 0 8.981-3.297a14.1 14.1 0 0 0 3.118-3.717a13.9 13.9 0 0 0 1.678-4.557C29.918 17.64 30 16.831 30 16s-.086-1.638-.225-2.429Zm-17.052.537l.919-.918l.778-.778L13 11l-.65.65l-1.422 1.422L9.2 14.801L8 16l1.2 1.198l1.728 1.73l1.422 1.42L13 21l1.42-1.412l-.778-.778l-.919-.918l-1.117-1.117l-.775-.775l.775-.775zm6.554 3.784l-.919.918l-.778.778L19 21l.65-.65l1.422-1.422L22.8 17.2l1.2-1.199l-1.2-1.2l-1.73-1.728l-1.421-1.422L19 11l-1.42 1.412l.778.778l.919.918l1.117 1.117l.775.775l-.775.775z"/></svg>

Transform Code ikonu nasıl kullanılır

React

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

<Icon icon="carbon:transform-code" width="24" />

Vue

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

<template>
  <Icon icon="carbon:transform-code" width="24" />
</template>

Svelte

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

<Icon icon="carbon:transform-code" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--transform-code]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:transform-code"></div>

Web bileşeni

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

<iconify-icon icon="carbon:transform-code"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/carbon/transform-code.svg" alt="Transform Code ikonu" width="24" height="24">

Carbon setindeki benzer ikonlar

Transform Code ikonu: sık sorulan sorular

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

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

Transform Code ikonunu React'te nasıl kullanırım?

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

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

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