Venus Mars アイコン
la:venus-mars
Venus Mars アイコン(la:venus-mars)は、Line Awesome セットの無料 SVG アイコンです（作者: Icons8）。 32 × 32 のグリッドで描かれています。 Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Line Awesome
- 作者
- Icons8
- ライセンス
- Apache-2.0
- サイズ
- 32 × 32
- カテゴリ
- 性別
- タグ
- venusmars、mar、venus mars solid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M22 3v2h3.563l-3.375 3.406a6.94 6.94 0 0 0-9.125.656A6.94 6.94 0 0 0 11 14c0 1.871.742 3.613 2.063 4.938c.87.87 1.906 1.496 3.062 1.812c.113-.086.242-.18.344-.281c.433-.434.715-.957.875-1.532a4.9 4.9 0 0 1-2.875-1.406A4.96 4.96 0 0 1 13 14c0-1.336.523-2.586 1.469-3.531A4.96 4.96 0 0 1 18 9c1.336 0 2.586.523 3.531 1.469A4.96 4.96 0 0 1 23 14c0 .863-.246 1.672-.656 2.406c.097.516.156 1.059.156 1.594q-.001.746-.125 1.469c.2-.16.379-.348.563-.532C24.258 17.613 25 15.872 25 14a6.96 6.96 0 0 0-1.406-4.188L27 6.438V10h2V3zm-6.125 8.25c-.113.086-.242.18-.344.281a3.43 3.43 0 0 0-.875 1.531a4.9 4.9 0 0 1 2.875 1.407A4.96 4.96 0 0 1 19 18a4.96 4.96 0 0 1-1.469 3.531A4.96 4.96 0 0 1 14 23a4.96 4.96 0 0 1-3.531-1.469A4.96 4.96 0 0 1 9 18c0-.863.246-1.672.656-2.406A8.7 8.7 0 0 1 9.5 14q.001-.746.125-1.469c-.2.16-.379.348-.563.531C7.742 14.387 7 16.13 7 18c0 1.531.504 2.984 1.406 4.188L6.72 23.875l-2-2l-1.438 1.406l2 2l-2 2L4.72 28.72l2-2l2 2l1.406-1.438l-2-2l1.688-1.687a6.94 6.94 0 0 0 9.125-.656A6.94 6.94 0 0 0 21 18c0-1.871-.742-3.613-2.063-4.938c-.87-.87-1.906-1.496-3.062-1.812"/></svg>
Venus Mars アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="la:venus-mars" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:venus-mars" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:venus-mars" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--venus-mars]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:venus-mars"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:venus-mars"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/la/venus-mars.svg" alt="Venus Mars アイコン" width="24" height="24">
他のアイコンセットの Venus Mars アイコン
Venus Mars アイコン のよくある質問
Venus Mars アイコンは商用利用でも無料ですか?
はい。Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Venus Mars アイコンを使うには?
@iconify/react をインストールして <Icon icon="la:venus-mars" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Venus Mars アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/la/venus-mars.svg" alt="Venus Mars アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Line Awesome アイコン をすべて見る →
ICONYZ
