ICONYZ
日本語
Devicon の Linkedin Wordmark アイコン

Linkedin Wordmark アイコン

devicon:linkedin-wordmark

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

アイコンセット
Devicon
作者
konpa
ライセンス
MIT
サイズ
128 × 128
タグ
linkedinwordmark
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#1d1d1b" d="M.85 52.73h4.94v17.98h9.14v4.56H.85zM17.11 60h4.74v15.26h-4.74zm2.37-7.59a2.75 2.75 0 1 1-2.75 2.75a2.75 2.75 0 0 1 2.75-2.75m22.21.32h4.74V66.2l5.38-6.22h5.81l-6.22 7.07l6.09 8.22h-5.96l-5.04-7.55h-.06v7.55h-4.74zM24.48 60H29v2.09h.06a5 5 0 0 1 4.49-2.47c4.81 0 5.69 3.16 5.69 7.27v8.38h-4.7v-7.43c0-1.77 0-4-2.47-4s-2.85 1.93-2.85 3.92v7.55h-4.74z"/><path fill="#1d1d1b" d="M67.61 65.85a2.84 2.84 0 0 0-2.91-2.91a3.16 3.16 0 0 0-3.35 2.91zm4 6.77a8.35 8.35 0 0 1-6.48 3c-4.74 0-8.54-3.16-8.54-8.07s3.8-8.06 8.54-8.06c4.43 0 7.21 3.16 7.21 8.06v1.49h-11a3.54 3.54 0 0 0 3.57 3a4 4 0 0 0 3.38-1.87zm10.62-8.94A3.89 3.89 0 1 0 86 67.57a3.6 3.6 0 0 0-3.8-3.89m8.2 11.58H86v-2a6 6 0 0 1-4.71 2.4c-4.56 0-7.56-3.29-7.56-7.94c0-4.27 2.66-8.19 7-8.19a5.73 5.73 0 0 1 4.87 2h.06v-8.8h4.74z"/><path fill="#0076b2" d="M124.78 48H97.51a2.34 2.34 0 0 0-2.36 2.31v27.38A2.34 2.34 0 0 0 97.51 80h27.27a2.34 2.34 0 0 0 2.37-2.31V50.31a2.34 2.34 0 0 0-2.37-2.31"/><path fill="#fff" d="M99.89 60h4.75v15.27h-4.75zm2.37-7.59a2.75 2.75 0 1 1-2.75 2.75a2.75 2.75 0 0 1 2.75-2.75m5.35 7.59h4.55v2.09h.06a5 5 0 0 1 4.49-2.47c4.81 0 5.69 3.16 5.69 7.27v8.38h-4.74v-7.43c0-1.77 0-4-2.47-4s-2.85 1.93-2.85 3.92v7.55h-4.74z"/></svg>

Linkedin Wordmark アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="devicon:linkedin-wordmark"></iconify-icon>

HTML 画像

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

Devicon の関連アイコン

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

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

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

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

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

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

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

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

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