Magnet Straight ikonu

ph:magnet-straight

Magnet Straight ikonu (ph:magnet-straight), Phosphor setinden ücretsiz bir SVG ikondur (yapımcı: Phosphor Icons). 256 × 256 ızgara üzerinde çizilmiştir. Phosphor 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: Phosphor
Yazar: Phosphor Icons
Lisans: MIT
Boyut: 256 × 256
Etiketler: magnetism, science, physics, magnetstraight

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M200 40h-40a16 16 0 0 0-16 16v88a16 16 0 0 1-32 0V56a16 16 0 0 0-16-16H56a16 16 0 0 0-16 16v88a88 88 0 0 0 88 88h.67c48.15-.36 87.33-40.29 87.33-89V56a16 16 0 0 0-16-16m0 16v32h-40V56ZM96 56v32H56V56Zm32.55 160A72 72 0 0 1 56 144v-40h40v40a32 32 0 0 0 64 0v-40h40v39c0 40-32 72.71-71.45 73"/></svg>

Magnet Straight ikonu nasıl kullanılır

React

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

<Icon icon="ph:magnet-straight" width="24" />

Vue

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

<template>
  <Icon icon="ph:magnet-straight" width="24" />
</template>

Svelte

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

<Icon icon="ph:magnet-straight" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--magnet-straight]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:magnet-straight"></div>

Web bileşeni

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

<iconify-icon icon="ph:magnet-straight"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/ph/magnet-straight.svg" alt="Magnet Straight ikonu" width="24" height="24">

Phosphor setindeki benzer ikonlar

Magnet Straight ikonu: sık sorulan sorular

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

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

Magnet Straight ikonunu React'te nasıl kullanırım?

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

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

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