Httpxy アイコン
unjs:httpxy
Httpxy アイコン(unjs:httpxy)は、UnJS Logos セットの無料 SVG アイコンです（作者: UnJS）。 32 × 32 のグリッドで描かれています。 UnJS Logos icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- UnJS Logos
- 作者
- UnJS
- ライセンス
- Apache-2.0
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><path id="SVGs1ICvcQO" fill="#ffbd52" d="M9.925 3.225c0-.575-.4-.75-2.7-.675c-1.925.075-2.875.3-3.45 1s-.725 2.125-.75 3.825c0 1.2 0 2.325.625 2.325c.85 0 .85-1.975 1.55-3.075c1.35-2.175 4.725-2.65 4.725-3.4"/></defs><g fill="none"><path fill="#f77e00" d="M29 1H3a2 2 0 0 0-2 2v26a2 2 0 0 0 2 2h26a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2"/><path fill="#ff9800" d="M27.425 1H2.875A1.89 1.89 0 0 0 1 2.875V27.35a1.87 1.87 0 0 0 1.87 1.875H27.4a1.87 1.87 0 0 0 1.875-1.87V2.875A1.837 1.837 0 0 0 27.48 1z"/><path fill="#fafafa" d="m27.65 8.225l-4-4A1.013 1.013 0 0 0 22 5v1.65a.5.5 0 0 1-.4.5a11.36 11.36 0 0 0-7.225 4.675q-.886 1.306-1.625 2.7c-1.825 3.25-3.875 6.925-7.875 7.425a1 1 0 0 0-.875 1v2.025a1.015 1.015 0 0 0 1.02 1.005q.04-.001.08-.005c6.15-.6 9.15-5.9 11.15-9.475c.427-.797.895-1.575 1.4-2.325a7.22 7.22 0 0 1 3.7-2.825a.5.5 0 0 1 .65.475v1.2a1.01 1.01 0 0 0 1.025 1c.228-.002.45-.082.625-.225l4-4a1.047 1.047 0 0 0 0-1.575"/><path fill="#fafafa" d="M23.65 18.225A1.013 1.013 0 0 0 22 19v1.2a.498.498 0 0 1-.65.475a7.66 7.66 0 0 1-3.725-2.825c-.1-.15-.2-.3-.325-.475a.25.25 0 0 0-.425 0c-.55 1-1.2 2.1-1.95 3.2a.32.32 0 0 0 0 .3a11.38 11.38 0 0 0 6.65 3.95c.24.05.415.255.425.5V27a1.01 1.01 0 0 0 1.025 1a1 1 0 0 0 .625-.225l4-4a1.02 1.02 0 0 0 0-1.55z"/><use href="#SVGs1ICvcQO" opacity=".65"/><path fill="#fafafa" d="M4.9 10.05c2.85.35 4.725 2.325 6.2 4.625a.25.25 0 0 0 .425 0a196 196 0 0 1 1.95-3.275a.226.226 0 0 0-.025-.275c-1.9-2.475-4.5-4.7-8.375-5.05A.972.972 0 0 0 4 7.05v2.025c0 .51.393.935.9.975"/><use href="#SVGs1ICvcQO" opacity=".3"/></g></svg>Httpxy アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="unjs:httpxy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="unjs:httpxy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="unjs:httpxy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[unjs--httpxy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/unjs -->
<div class="i-unjs:httpxy"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="unjs:httpxy"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/unjs/httpxy.svg" alt="Httpxy アイコン" width="24" height="24">Httpxy アイコン のよくある質問
Httpxy アイコンは商用利用でも無料ですか?
はい。UnJS Logos icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Httpxy アイコンを使うには?
@iconify/react をインストールして <Icon icon="unjs:httpxy" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Httpxy アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/unjs/httpxy.svg" alt="Httpxy アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。