500px アイコン
icomoon-free:500px
500px アイコン(icomoon-free:500px)は、IcoMoon Free セットの無料 SVG アイコンです（作者: Keyamoon）。 24 × 24 のグリッドで描かれています。 IcoMoon Free icons は GPL ライセンス で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- IcoMoon Free
- 作者
- Keyamoon
- ライセンス
- GPL-3.0-or-later
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3.953 10.512a5.24 5.24 0 0 0 6.996 3.141c.625-.262 1.184-.641 1.666-1.122s.859-1.041 1.122-1.666c.272-.647.412-1.331.412-2.037s-.137-1.394-.412-2.037c-.262-.625-.641-1.184-1.122-1.666s-1.041-.859-1.666-1.122a5.2 5.2 0 0 0-2.037-.413c-.716 0-1.431.144-2.066.413c-.509.216-1.372.769-1.875 1.291l-.003.003V.984h7.241c.262-.003.262-.372.262-.491c0-.122 0-.487-.266-.491H4.377a.343.343 0 0 0-.344.341v6.066c0 .197.244.338.472.384c.444.094.544-.047.653-.197l.016-.019c.166-.247.681-.766.688-.772a4.26 4.26 0 0 1 3.037-1.25c1.147 0 2.222.444 3.028 1.25a4.25 4.25 0 0 1 1.256 3.019a4.24 4.24 0 0 1-1.25 3.019a4.34 4.34 0 0 1-3.047 1.25a4.14 4.14 0 0 1-2.159-.597l.003-3.688c0-.491.213-1.028.572-1.431a2.1 2.1 0 0 1 1.588-.716c.594 0 1.15.225 1.566.634c.409.406.637.95.637 1.528a2.18 2.18 0 0 1-2.206 2.197c-.238 0-.672-.106-.691-.109c-.25-.075-.356.272-.391.387c-.134.441.069.528.109.541c.397.125.659.147 1.003.147a3.173 3.173 0 0 0 3.169-3.169c0-1.734-1.422-3.144-3.166-3.144c-.856 0-1.659.328-2.263.919c-.575.566-.903 1.319-.903 2.069v.019c-.003.094-.003 2.306-.006 3.031l-.003-.003c-.328-.363-.653-.919-.869-1.488c-.084-.222-.275-.184-.534-.103c-.125.034-.469.141-.391.394zm3.722-.865c0 .106.097.2.156.253l.019.019q.15.146.281.147a.18.18 0 0 0 .131-.05c.044-.041.537-.544.588-.591l.553.55q.074.086.172.088q.133 0 .284-.156c.238-.244.119-.375.063-.438l-.559-.559l.584-.588c.128-.137.016-.284-.097-.397c-.162-.162-.322-.206-.422-.112l-.581.581l-.588-.588a.16.16 0 0 0-.113-.047q-.119 0-.275.156c-.181.181-.219.306-.125.406l.588.584l-.584.584q-.08.076-.075.156zm1.278-7.931c-.938 0-1.938.191-2.669.506a.21.21 0 0 0-.134.181a.75.75 0 0 0 .069.337c.047.116.166.425.4.334a6.7 6.7 0 0 1 2.334-.444a6.35 6.35 0 0 1 2.469.497c.622.263 1.206.644 1.844 1.194a.22.22 0 0 0 .147.059c.125 0 .244-.122.347-.237c.169-.191.287-.35.119-.509a6.9 6.9 0 0 0-2.1-1.356a7.3 7.3 0 0 0-2.825-.563zM14.006 13.3q-.168-.168-.294-.203c-.126-.035-.162-.006-.222.053l-.056.056a6.32 6.32 0 0 1-6.938 1.356a6.3 6.3 0 0 1-2.013-1.356a6.05 6.05 0 0 1-1.356-2.012c-.288-.713-.381-1.247-.413-1.422q-.005-.024-.006-.037c-.041-.206-.231-.222-.503-.178c-.112.019-.459.072-.428.319v.006a7.26 7.26 0 0 0 2.04 3.994a7.266 7.266 0 0 0 10.288 0l.059-.059c.069-.084.134-.225-.159-.516z"/></svg>
500px アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="icomoon-free:500px" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icomoon-free:500px" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icomoon-free:500px" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icomoon-free--500px]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icomoon-free -->
<div class="i-icomoon-free:500px"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icomoon-free:500px"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/icomoon-free/500px.svg" alt="500px アイコン" width="24" height="24">
500px アイコン のよくある質問
500px アイコンは商用利用でも無料ですか?
はい。IcoMoon Free icons は GPL ライセンス で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。
React で 500px アイコンを使うには?
@iconify/react をインストールして <Icon icon="icomoon-free:500px" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
500px アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/icomoon-free/500px.svg" alt="500px アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
IcoMoon Free アイコン をすべて見る →
ICONYZ
