Иконка Magnet Thin

ph:magnet-thin

Иконка Magnet Thin (ph:magnet-thin) — бесплатная SVG-иконка из набора Phosphor от Phosphor Icons. Она нарисована на сетке 256 × 256. Phosphor icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Phosphor
Автор: Phosphor Icons
Лицензия: MIT
Размер: 256 × 256
Теги: magnetism, science, physics, magnetthin

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M204.13 53.06A83.4 83.4 0 0 0 144.59 28h-.32a83.46 83.46 0 0 0-59.42 24.62L23.46 114.8a12 12 0 0 0 0 16.92l28.67 28.66a11.9 11.9 0 0 0 8.48 3.51h.07a12 12 0 0 0 8.52-3.61l60.89-62.42a20.1 20.1 0 0 1 28-.27a19.54 19.54 0 0 1 6 14a20.87 20.87 0 0 1-6 14.86l-62.33 60.3a12 12 0 0 0-.12 17.09l28.66 28.66a12 12 0 0 0 16.89.08L203 172.12c32.88-32.91 33.4-86.32 1.13-119.06M63.51 154.69a3.93 3.93 0 0 1-2.83 1.2a4 4 0 0 1-2.83-1.17l-28.69-28.66a4 4 0 0 1 0-5.64l26.63-27l34.15 34.18Zm72.08 72.18a4 4 0 0 1-5.63 0l-28.67-28.66a4 4 0 0 1 0-5.69l27.2-26.3l34.16 34.15Zm61.76-60.44l-28.94 28.32l-34.12-34.12l29.41-28.44a29 29 0 0 0 8.4-20.64a27.5 27.5 0 0 0-8.41-19.72a28.14 28.14 0 0 0-39.25.41l-28.91 29.63L61.4 87.75l29.12-29.49A75.5 75.5 0 0 1 144.27 36h.29a75.53 75.53 0 0 1 53.87 22.67c29.2 29.63 28.7 77.98-1.08 107.76"/></svg>

Как использовать иконку Magnet Thin

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/ph/magnet-thin.svg" alt="Иконка Magnet Thin" width="24" height="24">

Вопросы и ответы: Иконка Magnet Thin

Можно ли бесплатно использовать иконку Magnet Thin в коммерческих проектах?

Да. Phosphor icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Magnet Thin в React?

Установите @iconify/react и выведите <Icon icon="ph:magnet-thin" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Magnet Thin на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/ph/magnet-thin.svg" alt="Иконка Magnet Thin">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Phosphor →