Unjs アイコン
simple-icons:unjs
Unjs アイコン(simple-icons:unjs)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
- タグ
- unj
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M22.686 0H1.29A1.48 1.48 0 0 0 0 1.297V22.68C.085 23.43.711 24 1.484 24h21.014A1.5 1.5 0 0 0 24 22.498V1.484C24 .711 23.412.077 22.686 0m-4.393 15.05c.52-.011 1.004.113 1.398.514q.06.065.116.131c.246.327.353.694.398 1.08c.024.209.03.42.031.63c.004.883.001 1.768.002 2.652c0 .203-.065.368-.252.468a.445.445 0 0 1-.658-.38c-.004-.214-.002-.428-.002-.641c0-.779.002-1.557-.004-2.336c-.002-.282-.056-.556-.213-.799a.94.94 0 0 0-.713-.433q-.931-.108-1.527.617c-.17.208-.238.452-.238.718v2.836a.46.46 0 0 1-.61.448c-.178-.056-.295-.232-.3-.453q-.002-.129 0-.258l-.002-4.131c0-.184.055-.342.215-.443a.43.43 0 0 1 .449-.022c.155.08.236.213.248.387c.002.035 0 .072 0 .12c.03-.024.053-.04.074-.06c.388-.352.839-.583 1.363-.63q.113-.01.225-.014zm-7.75.151c.235.014.413.226.414.496v1.647c0 .424-.002.847.006 1.271q.005.317.156.598c.142.259.36.423.645.5c.364.107.753.09 1.107-.047c.371-.146.58-.434.649-.82c.026-.146.032-.299.033-.448c.003-.9.001-1.802.002-2.703c0-.25.12-.422.338-.48c.052-.014.109-.01.164-.014c.258.044.408.214.408.47c-.001 1.024.012 2.047-.018 3.07c-.02.696-.333 1.254-.95 1.613c-.262.152-.55.234-.85.27c-.386.054-.779.03-1.155-.071c-.598-.174-1.044-.53-1.283-1.121c-.126-.312-.161-.638-.162-.97q-.003-1.387 0-2.776c0-.304.205-.502.496-.485"/></svg>Unjs アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:unjs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:unjs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:unjs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--unjs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:unjs"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:unjs"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/unjs.svg" alt="Unjs アイコン" width="24" height="24">他のアイコンセットの Unjs アイコン
Unjs アイコン のよくある質問
Unjs アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Unjs アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:unjs" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Unjs アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/unjs.svg" alt="Unjs アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。