Magnet Solid アイコン
streamline-plump:magnet-solid
Magnet Solid アイコン(streamline-plump:magnet-solid)は、Plump free icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 基本インターフェース
- タグ
- magnetsolid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M27.153 3.103c-1.202-1.23-2.981-1.485-4.469-.864a49 49 0 0 0-4.243 2.02a51 51 0 0 0 1.982 4.534c1.384 2.789 3.375 6.165 5.924 8.924c1.232-.753 2.468-1.49 3.382-2.029c1.25-.737 2.292-2.183 2.062-3.937c-.517-3.94-3.109-7.082-4.638-8.648m12.264 25.15c-2.863-1.491-6.363-3.672-9.129-6.486a346 346 0 0 0 2.001-3.236c.857-1.403 2.535-2.393 4.38-2.001c3.986.847 6.814 3.096 8.283 4.528c1.213 1.182 1.438 2.92.85 4.358a49 49 0 0 1-2.253 4.75a49 49 0 0 1-4.132-1.913M13.51 7.248a57 57 0 0 1 2.297-1.48l.185.468a54 54 0 0 0 1.745 3.89c1.38 2.78 3.392 6.242 6.03 9.21q-.41.268-.761.505c-2.52 1.71-4.092 3.628-4.723 5.321c-.605 1.62-.357 2.984.702 4.053c1.029 1.038 2.34 1.255 3.942.609c1.68-.676 3.57-2.292 5.235-4.756q.224-.331.475-.714c2.984 2.89 6.553 5.08 9.396 6.56a52 52 0 0 0 4 1.872a56 56 0 0 1-1.275 1.975c-3.778 5.59-9.148 9.811-15.052 11.227c-5.984 1.435-12.351-.059-17.836-5.595c-5.62-5.67-7.301-11.978-5.904-17.955c1.376-5.891 5.682-11.214 11.544-15.19" clip-rule="evenodd"/></svg>Magnet Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:magnet-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:magnet-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:magnet-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--magnet-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:magnet-solid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:magnet-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump/magnet-solid.svg" alt="Magnet Solid アイコン" width="24" height="24">Plump free icons の関連アイコン
他のアイコンセットの Magnet Solid アイコン
Magnet Solid アイコン のよくある質問
Magnet Solid アイコンは商用利用でも無料ですか?
はい。Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Magnet Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump:magnet-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Magnet Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump/magnet-solid.svg" alt="Magnet Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。