Dyalog アイコン

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

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

devicon:dyalog

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

アイコンセット: Devicon
作者: konpa
ライセンス: MIT
サイズ: 128 × 128

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#ff8943" d="M119.5 32v.375l-55.5 32l-55.375-32V32L64 0Zm0 0"/><path fill="#cf4d00" d="M119.5 32v64L64 128l-.438-63.75Zm0 0"/><path fill="#ff6a13" d="M64 64v64L8.625 96V32Zm0 0"/><path fill="#511f01" fill-opacity=".6" d="M40.316 98.441v3.672h26.649c5.433-.297 10.844-1.734 15.55-4.508c6.755-3.902 12.06-10.3 14.473-17.734c2.875-8.695 1.89-18.969-2.949-26.723c3.203 7.02 2.797 15.657.375 22.985c-2.684 7.62-8.129 14.031-14.176 17.617c-5.062 2.996-9.746 4.184-15.242 4.691Zm9.832-51.648h12.457c2.77 0 5.208.2 7.434.52a32 32 0 0 1 2.922.558a20 20 0 0 0-3.309-1.672c-1.617-.62-3.476-1.09-5.511-1.379c-2.106-.3-4.407-.398-7.043-.398l-9.309.012v7.734h-6.031v2.676h8.39Zm0 0"/><path fill="#fff" d="m35.25 31.988l23.613.008c4.282-.008 8.649.469 12.719 1.942c8.02 2.738 14.902 8.726 18.617 16.367c3.563 7.203 4.156 15.804 1.637 23.433c-2.41 7.434-7.707 13.84-14.45 17.739c-4.698 2.777-10.1 4.214-15.53 4.511H35.25v-9.89s17.27.113 25.902.058c5.907-.086 11.746-2.515 15.93-6.695c3.805-3.734 6.211-8.895 6.488-14.238c.317-5.164-1.379-10.391-4.57-14.453c-4.21-5.446-10.973-8.77-17.84-8.852c-5.355-.004-10.695-.043-16.05-.043v7.543h-9.86Zm0 0"/></svg>

Dyalog アイコンの使い方

React

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

<Icon icon="devicon:dyalog" width="24" />

Vue

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

<template>
  <Icon icon="devicon:dyalog" width="24" />
</template>

Svelte

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

<Icon icon="devicon:dyalog" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--dyalog]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="devicon:dyalog"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/devicon/dyalog.svg" alt="Dyalog アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Devicon アイコンをすべて見る →