Typer Wordmark アイコン

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

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

devicon-plain:typer-wordmark

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M3.166 48.664A3.16 3.16 0 0 0 0 51.828v24.344a3.16 3.16 0 0 0 3.166 3.164h37.73a3.16 3.16 0 0 0 3.166-3.164V51.828a3.16 3.16 0 0 0-3.166-3.164zm1.629 2.053h34.472a2.735 2.735 0 0 1 2.743 2.74v21.084a2.737 2.737 0 0 1-2.743 2.742H4.795a2.737 2.737 0 0 1-2.743-2.742V53.457a2.735 2.735 0 0 1 2.743-2.74m41.32.043v3.431H51.6v17.393h4.171V54.191h5.483V50.76zm58.135 4.611q-1.413 0-2.758.537a6.8 6.8 0 0 0-2.39 1.615q-1.043 1.044-1.682 2.625q-.64 1.581-.639 3.666q0 2.02.606 3.534t1.717 2.556q1.143 1.009 2.724 1.547q1.614.506 3.633.506q1.514 0 2.725-.27a17 17 0 0 0 2.289-.605l-.572-3.533a20 20 0 0 1-1.918.537q-1.11.27-2.356.271q-2.018 0-3.297-.875q-1.279-.908-1.28-2.457h10.263q.033-.269.033-.707q.034-.436.033-.84q0-3.969-1.816-6.021q-1.816-2.085-5.315-2.086m-17.125.066q-1.615 0-3.297.237q-1.647.235-2.79.605v20.856h4.136v-5.953q1.682.773 3.264.773q1.548 0 2.724-.605a5.44 5.44 0 0 0 1.951-1.682q.774-1.11 1.178-2.625q.404-1.547.404-3.363v-.002q0-3.8-1.95-6.02q-1.952-2.22-5.62-2.22zm35.864.034q-2.322 0-4.07.369a25 25 0 0 0-3.366.976v14.77h4.172V59.844a9.6 9.6 0 0 1 1.717-.303q.84-.1 1.714-.1q.37 0 .909.034q.537.033 1.11.134q.571.068 1.11.168q.572.102.975.203l.74-3.836a6.5 6.5 0 0 0-1.31-.304a15 15 0 0 0-1.414-.201q-.707-.101-1.346-.135a19 19 0 0 0-.941-.033m-59.65.302q1.214 4.608 2.694 8.444q1.48 3.802 2.96 6.763a6.1 6.1 0 0 1-1.179 1.917q-.74.808-1.95.808a4.7 4.7 0 0 1-1.145-.135a5.7 5.7 0 0 1-1.176-.404l-.773 3.465q.572.27 1.412.437a10 10 0 0 0 1.918.168q1.243 0 2.152-.302a4.8 4.8 0 0 0 1.682-.942q.775-.605 1.38-1.582q.638-.975 1.278-2.322a52 52 0 0 0 1.549-3.799a76 76 0 0 0 1.379-3.97q.64-2.053 1.21-4.173q.606-2.153 1.245-4.373h-4.239q-.269 1.279-.605 2.692q-.303 1.413-.639 2.826q-.336 1.379-.707 2.758q-.37 1.346-.707 2.523a59 59 0 0 1-1.01-2.523q-.47-1.38-.908-2.793q-.436-1.412-.84-2.824q-.37-1.414-.674-2.659zm-41.35.637a1.253 1.253 0 0 0-1.253 1.252v1.602a1.253 1.253 0 0 0 1.252 1.254h2.893a1.253 1.253 0 0 1 1.252 1.252v8.564a1.253 1.253 0 0 0 1.254 1.254h1.6a1.253 1.253 0 0 0 1.253-1.254V61.77a1.253 1.253 0 0 1 1.252-1.252h2.893a1.253 1.253 0 0 0 1.252-1.256v-1.6a1.253 1.253 0 0 0-1.252-1.252Zm-13.519.41a.49.49 0 0 0-.41.758h-.002l3.713 5.666a1.38 1.38 0 0 1 0 1.518l-3.713 5.656a.49.49 0 0 0 .409.76h2.619a1.66 1.66 0 0 0 1.398-.764l3.637-5.648a1.41 1.41 0 0 0 0-1.526l-3.637-5.658a1.66 1.66 0 0 0-1.398-.762zm95.847 2.016q.84 0 1.414.303q.571.269.941.74c.37.471.425.673.537 1.076q.168.571.168 1.211h-6.324a6 6 0 0 1 .27-1.244a4.1 4.1 0 0 1 .605-1.076a2.9 2.9 0 0 1 .976-.74q.606-.27 1.413-.27m-17.225.133q1.716 0 2.558 1.38q.84 1.346.84 3.465q0 2.187-.707 3.397q-.706 1.178-2.185 1.178q-.675 0-1.348-.168t-1.076-.438v-8.68q.37-.033.908-.066a8 8 0 0 1 1.01-.068"/></svg>

Typer Wordmark アイコンの使い方

React

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

<Icon icon="devicon-plain:typer-wordmark" width="24" />

Vue

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

<template>
  <Icon icon="devicon-plain:typer-wordmark" width="24" />
</template>

Svelte

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

<Icon icon="devicon-plain:typer-wordmark" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="devicon-plain:typer-wordmark"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/devicon-plain/typer-wordmark.svg" alt="Typer Wordmark アイコン" width="24" height="24">

Devicon Plain の関連アイコン

他のアイコンセットの Typer Wordmark アイコン

Typer Wordmark アイコンのよくある質問

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

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

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

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

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

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

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