Magnet アイコン
twemoji:magnet
Magnet アイコン(twemoji:magnet)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- Twitter
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ccd6dd" d="m19.469 8.319l-3.854-4.671a1.01 1.01 0 0 0-1.421-.136l-3.376 2.785l5.138 6.228l3.376-2.785c.431-.355.492-.991.137-1.421"/><path fill="#be1931" d="m29.543 25.021l-6.228-5.138s-2.395 3.132-5.006 6.152c-1.986 2.298-6.093 2.215-8.406-.098s-2.395-6.42-.098-8.406c3.02-2.611 6.152-5.006 6.152-5.006l-5.138-6.228s-5.122 3.928-6.613 5.43c-5.468 5.508-5.487 14.418.001 19.906s14.398 5.468 19.906.001c1.502-1.491 5.43-6.613 5.43-6.613"/><path fill="#ccd6dd" d="m27.521 16.371l4.671 3.854c.43.355.491.991.136 1.421l-2.785 3.376l-6.228-5.138l2.785-3.376a1.01 1.01 0 0 1 1.421-.137"/><path fill="#ffac33" d="M23.717 4.223L21.96 2.43L23.896.535c.006-.006.004-.015.009-.021c.016-.019.021-.039.027-.063c.007-.024.013-.044.01-.068c-.001-.008.005-.015.004-.023c-.004-.017-.02-.024-.028-.038c-.008-.016-.005-.035-.018-.048c-.006-.006-.015-.004-.022-.009c-.02-.016-.042-.021-.067-.028c-.022-.006-.041-.012-.063-.01c-.008.001-.016-.006-.024-.004L18.588 1.48a.19.19 0 0 0-.134.129a.19.19 0 0 0 .046.18l1.757 1.794l-1.935 1.896c-.006.006-.004.015-.009.021c-.016.019-.021.04-.028.064s-.013.043-.01.067c.001.008-.006.015-.004.024c.006.025.023.043.038.062c.005.007.003.016.009.023l.011.011c.042.036.095.044.147.036c.007-.001.011.006.018.004l5.134-1.257a.188.188 0 0 0 .089-.311m-2.155-1.661l.005-.005zm14.266 12.543l-2.055-1.443l1.557-2.217c.005-.007.001-.015.005-.022c.012-.022.013-.042.015-.067s.005-.045-.002-.069c-.002-.008.003-.015-.001-.023c-.007-.016-.024-.02-.034-.033s-.012-.032-.027-.043c-.007-.005-.016-.001-.023-.005c-.023-.012-.045-.013-.071-.015q-.033-.005-.064.002c-.008.002-.016-.003-.024.001l-4.819 2.173a.19.19 0 0 0-.108.151a.19.19 0 0 0 .078.169l2.055 1.443l-1.556 2.217c-.005.007-.001.015-.005.022c-.012.022-.013.043-.015.068c-.002.024-.005.045.002.068c.002.008-.003.016.001.024c.011.023.031.038.049.054c.006.006.006.015.013.02l.013.008a.17.17 0 0 0 .151.008c.006-.002.012.004.018.001l4.818-2.174a.19.19 0 0 0 .108-.151a.2.2 0 0 0-.079-.167m-2.422-1.24l.004-.006z"/></svg>
Magnet アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:magnet" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:magnet" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:magnet" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--magnet]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:magnet"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:magnet"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/magnet.svg" alt="Magnet アイコン" width="24" height="24">
Magnet アイコン のよくある質問
Magnet アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Magnet アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:magnet" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Magnet アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/magnet.svg" alt="Magnet アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
