Planet4 アイコン
reicon:planet4
Planet4 アイコン(reicon:planet4)は、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"><path fill="currentColor" fill-rule="evenodd" d="M10 5.25a8.75 8.75 0 1 0 0 17.5a8.75 8.75 0 0 0 0-17.5M4.013 16.78a10 10 0 0 0-.723-.03a7.252 7.252 0 0 0 12.81 1.169c-1.11.444-2.567.83-4.28.83a8.4 8.4 0 0 1-3.35-.687c-.332-.14-.642-.287-.91-.415l-.207-.099c-.329-.154-.576-.261-.794-.32a13.6 13.6 0 0 0-2.546-.447M2.75 14c0-.705.1-1.386.288-2.03c.292.2.7.453 1.21.705a10.26 10.26 0 0 0 4.536 1.075c1.326 0 2.344-.332 3.157-.696c.313-.14.603-.289.854-.417l.191-.098c.306-.155.531-.259.725-.316c.947-.278 1.77-.395 2.353-.443a9 9 0 0 1 .83-.028a7.3 7.3 0 0 1 .1 4.164a.75.75 0 0 0-.355.093c-.984.54-2.675 1.24-4.82 1.24a6.9 6.9 0 0 1-2.77-.572a18 18 0 0 1-.826-.376l-.23-.11c-.33-.154-.682-.313-1.038-.41a15 15 0 0 0-2.828-.496a12 12 0 0 0-1.075-.033l-.066.003h-.019l-.006.001h-.004a1 1 0 0 0-.096.012A7.3 7.3 0 0 1 2.75 14m.875-3.455q.083.064.215.156a8.8 8.8 0 0 0 4.944 1.549c1.057 0 1.862-.26 2.544-.565c.273-.122.518-.247.764-.374l.216-.11c.306-.155.64-.317.98-.417a13.3 13.3 0 0 1 2.928-.518A7.25 7.25 0 0 0 10 6.75a7.25 7.25 0 0 0-6.375 3.795m16.905-6.5a2 2 0 0 0-.306-.53c.326-.091.549-.097.606.003c.058.1-.058.29-.3.527M17.106 6.02c-.326.091-.548.097-.606-.003s.058-.29.3-.527a2 2 0 0 0 .306.53m0 0c.455-.126 1.113-.418 1.81-.82c.695-.402 1.277-.826 1.614-1.156a2 2 0 0 1-3.424 1.976m-.306-.53a2 2 0 0 1 3.424-1.977c-.455.127-1.113.419-1.809.82c-.696.403-1.278.826-1.615 1.157" clip-rule="evenodd"/></svg>Planet4 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:planet4" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:planet4" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:planet4" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--planet4]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:planet4"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:planet4"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/planet4.svg" alt="Planet4 アイコン" width="24" height="24">Reicon の関連アイコン
Planet4 アイコン のよくある質問
Planet4 アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Planet4 アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:planet4" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Planet4 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/planet4.svg" alt="Planet4 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。