Ups Light アイコン
selfhst:ups-light
Ups Light アイコン(selfhst:ups-light)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- selfh.st/icons
- 作者
- selfh.st
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
- タグ
- upslight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M256 0C173 0 100.7 16.1 40.9 47.7v253.2c0 53.3 20 97.8 57.9 128.9c35.2 28.8 143.9 76.4 157.2 82.1c12.6-5.5 122.7-53.8 157.3-82.1c37.8-31 57.9-75.6 57.9-128.9V47.8C411.4 16.1 339 0 256 0m122.9 49.1c24.7.3 49 1.9 72.5 4V301c0 47.6-17.3 86.1-50.6 113.6c-29.8 24.5-119.6 64.8-144.7 75.8c-25.4-11.2-115.5-52-144.7-75.8c-33.2-27-50.6-66.4-50.6-113.6V156.2C156 68.8 271.7 47.7 378.9 49.1M261.6 164.5c-20.4 0-36.9 4.6-50.4 13.3v243.9h37.4v-78.8c3.7 1.1 9.2 2.1 16.8 2.1c41.5 0 65.4-37.4 65.4-92.1c.1-54.5-24.5-88.4-69.2-88.4m128 0c-24.6.7-50.4 18.5-50.2 48.8c.1 19.9 5.6 34.8 36.4 52.9c16.5 9.7 23.1 16 23.4 27.8c.3 13.1-8.7 20.9-22.4 20.9c-11.9-.1-26.2-6.7-35.8-15.2v34.5c11.7 7 26.4 11.6 41.1 11.6c37 0 53.5-26.1 54.2-50.1c.7-21.8-5.3-38.3-36.6-56.7c-14-8.2-25-13.6-24.6-27.2c.4-13.3 11.4-18 22-17.9c13.1.1 25.7 7.4 33.5 15.4v-32.5c-6.6-5.2-20.5-12.9-41-12.3m-309.8 3.8v117.6c0 39.7 18.8 59.7 55.8 59.7c22.9 0 42.1-5.3 56.4-15V168.3h-37.4v141.1c-4.1 2.8-10.1 4.6-17.7 4.6c-17.1 0-19.7-15.7-19.7-26.3V168.3zm182.1 26.4c21.7 0 30.7 17.3 30.7 59.3c0 40.9-10.3 60.7-31.8 60.7c-5.1 0-9.5-1.3-12.2-2.3v-115c3-1.6 8.2-2.7 13.3-2.7"/></svg>Ups Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:ups-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:ups-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:ups-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--ups-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:ups-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:ups-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/ups-light.svg" alt="Ups Light アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Ups Light アイコン のよくある質問
Ups Light アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Ups Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:ups-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ups Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/ups-light.svg" alt="Ups Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。