Javascript アイコン

Q: Javascript アイコンは商用利用でも無料ですか?

はい。Skill Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

skill-icons:javascript

Javascript アイコン(skill-icons:javascript)は、Skill Icons セットの無料 SVG アイコンです（作者: tandpfun）。 256 × 256 のグリッドで描かれています。 Skill Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Skill Icons
作者: tandpfun
ライセンス: MIT
サイズ: 256 × 256

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f0db4f" rx="60"/><path fill="#323330" d="m67.312 213.932l19.59-11.856c3.78 6.701 7.218 12.371 15.465 12.371c7.905 0 12.889-3.092 12.889-15.12v-81.798h24.058v82.138c0 24.917-14.606 36.259-35.916 36.259c-19.245 0-30.416-9.967-36.087-21.996m85.07-2.576l19.588-11.341c5.157 8.421 11.859 14.607 23.715 14.607c9.969 0 16.325-4.984 16.325-11.858c0-8.248-6.53-11.17-17.528-15.98l-6.013-2.579c-17.357-7.388-28.871-16.668-28.871-36.258c0-18.044 13.748-31.792 35.229-31.792c15.294 0 26.292 5.328 34.196 19.247l-18.731 12.029c-4.125-7.389-8.591-10.31-15.465-10.31c-7.046 0-11.514 4.468-11.514 10.31c0 7.217 4.468 10.139 14.778 14.608l6.014 2.577c20.449 8.765 31.963 17.699 31.963 37.804c0 21.654-17.012 33.51-39.867 33.51c-22.339 0-36.774-10.654-43.819-24.574"/></g></svg>

Javascript アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="skill-icons:javascript" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="skill-icons:javascript" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="skill-icons:javascript" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--javascript]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:javascript"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="skill-icons:javascript"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/skill-icons/javascript.svg" alt="Javascript アイコン" width="24" height="24">

他のアイコンセットの Javascript アイコン

Javascript アイコンのよくある質問

Javascript アイコンは商用利用でも無料ですか?

はい。Skill Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Javascript アイコンを使うには?

@iconify/react をインストールして <Icon icon="skill-icons:javascript" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Javascript アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/skill-icons/javascript.svg" alt="Javascript アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Skill Icons をすべて見る →