World アイコン
ps:world
World アイコン(ps:world)は、PrestaShop Icons セットの無料 SVG アイコンです（作者: PrestaShop）。 512 × 512 のグリッドで描かれています。 PrestaShop Icons は CC BY-NC 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- PrestaShop Icons
- 作者
- PrestaShop
- ライセンス
- CC-BY-NC-4.0
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 0Q150 0 75 75T0 256t75 181t181 75t181-75t75-181t-75-181T256 0M109 331q21 53 21 96q-40-28-63.5-73.5T43 256q0-103 81-166q18 14 33 36.5t14 42.5q-4 31-41 61q-19 20-25.5 47.5T109 331m360-75q0 88-62.5 150.5T256 469q-44 0-83-17q5-65-26-136q-11-34 13-54q50-50 53-89q6-54-51-109q39-21 94-21q26 0 49 6l-43 43l-15 15l62 62l150 21q10 35 10 66M331 130l-24-23l43-43q55 26 87 81zm-62 90l-17 25q-20 32-5 64l9 20l15 72q3 23 28 30q4 2 10 2q15 0 28-11l24-23l2-4q15-56 34-75q27-19 15-68q-7-27-37-39l-51-21h-4q-35 0-51 28m19 49l17-26q4-8 13-8l43 15q8 4 8 8q2 7 2 24q-27 20-49 91l-11 11l-12-68l-13-26q-6-9 2-21"/></svg>
World アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ps:world" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ps:world" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ps:world" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ps--world]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ps -->
<div class="i-ps:world"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ps:world"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/ps/world.svg" alt="World アイコン" width="24" height="24">
World アイコン のよくある質問
World アイコンは商用利用でも無料ですか?
いいえ。PrestaShop Icons は CC BY-NC 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で World アイコンを使うには?
@iconify/react をインストールして <Icon icon="ps:world" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
World アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ps/world.svg" alt="World アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
PrestaShop Icons をすべて見る →
ICONYZ
