Planet4 Duotone アイコン
reicon:planet4-duotone
Planet4 Duotone アイコン(reicon:planet4-duotone)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17.202 17.486c-1.273.585-3.317 1.264-5.383 1.264a8.4 8.4 0 0 1-3.348-.688c-.334-.14-.643-.287-.912-.415l-.207-.099c-.328-.154-.575-.261-.793-.32a14.4 14.4 0 0 0-2.788-.45a15 15 0 0 0-1.224-.03l-.014.001H2.53l-.046.002a8.003 8.003 0 0 0 14.717.735M3.043 10.047l.449.392v.001l.014.01q.018.017.063.052q.088.07.27.2a9 9 0 0 0 1.073.628c.934.462 2.266.92 3.872.92c1.057 0 1.862-.26 2.544-.565c.273-.122.517-.247.764-.374l.216-.11c.306-.155.64-.317.98-.417a13.3 13.3 0 0 1 2.654-.498a10 10 0 0 1 1.012-.033l.063.002l.019.001h.009l.028.002A8 8 0 0 0 10 6a8 8 0 0 0-6.957 4.047"/><path d="M17.846 15.571a8.04 8.04 0 0 0-.152-3.772l-.738-.046h-.008l-.039-.002l-.17-.001c-.154 0-.384.006-.675.03c-.582.048-1.406.165-2.353.443c-.194.057-.419.16-.725.316l-.191.097c-.25.129-.541.278-.854.418c-.813.364-1.83.695-3.157.695c-1.893 0-3.453-.539-4.537-1.075a10 10 0 0 1-1.264-.742a7 7 0 0 1-.436-.328l-.027-.023l-.008-.007l-.003-.003h-.001s-.001-.001.484-.557l-.485.556l-.102-.09a8.06 8.06 0 0 0-.305 3.785l.37-.015l.03.75l-.03-.75h.009l.022-.001l.079-.002q.102-.003.286-.002c.243.001.588.01 1.003.037c.826.054 1.944.185 3.086.498c.356.098.709.256 1.038.411l.23.11c.265.126.53.253.825.376a6.9 6.9 0 0 0 2.771.573c2.142 0 4.332-.865 5.32-1.408l.657-.36zm2.378-12.057c.326-.09.548-.096.606.004s-.058.29-.3.527a2 2 0 0 1-3.424 1.976c-.326.091-.548.097-.606-.003s.058-.29.3-.527a2 2 0 0 1 3.424-1.977" opacity=".5"/><path d="M20.53 4.045a2 2 0 0 0-.306-.53c-.455.126-1.113.418-1.81.82c-.696.402-1.277.826-1.614 1.156a2 2 0 0 0 .306.53c.455-.126 1.112-.418 1.809-.82s1.278-.825 1.615-1.156"/></g></svg>Planet4 Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:planet4-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:planet4-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:planet4-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--planet4-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:planet4-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:planet4-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/planet4-duotone.svg" alt="Planet4 Duotone アイコン" width="24" height="24">Reicon の関連アイコン
Planet4 Duotone アイコン のよくある質問
Planet4 Duotone アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Planet4 Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:planet4-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Planet4 Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/planet4-duotone.svg" alt="Planet4 Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。