Darth Vader アイコン

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:darth-vader

Darth Vader アイコン(openmoji:darth-vader)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: OpenMoji 追加分
タグ: darthvader

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#3f3f3f" d="M54.72 55.82c-.15-.91-.47-1.78-.91-2.58a9.8 9.8 0 0 0-2.13-2.59c-1.85-1.59-4.31-2.57-6.75-2.57c-1.31 1.1-2.61 1.96-3.92 2.57c-3.33 1.57-6.65 1.57-9.98 0c-1.31-.61-2.61-1.47-3.92-2.57c-2.44 0-4.9.98-6.75 2.57a9.8 9.8 0 0 0-2.13 2.59c-.44.8-.76 1.67-.91 2.58c-.07.41-.11.83-.11 1.26v4h37.62v-4c0-.43-.04-.85-.11-1.26m-8.474-31.75c-.31-5.525-4.888-9.91-10.49-9.91c-5.803 0-10.507 4.703-10.507 10.506l.173 1.907l-5.684 15.316s4.415 2.366 14.754 2.57l.58.014c11.368 0 17.19-2.584 17.19-2.584L46.18 25.501s.077-1.234.066-1.43"/><path fill="#3f3f3f" d="m49 43l-3.84.59L40 29l-.63.14c-1.02 1.63-2.97 1.63-3.8 1.63c-1.35 0-3.03-.18-3.94-1.62L31 29l-6.31 14.38L22 43l6.73-16.71c.29-.69.97-1.14 1.72-1.14h1.17c.65 0 1.24.33 1.59.87l.96 1.53c.17.27 2.45.32 2.66 0l.96-1.53c.35-.54.94-.87 1.59-.87h1.17c.75 0 1.43.45 1.72 1.14z"/><path fill="#3f3f3f" d="M35.559 35L31 40h2.279l2.28-3l2.28 3h2.279z"/><path fill="#9b9b9a" d="M33.78 16.594a12.94 12.94 0 0 0-6.523 8.56a7.576 7.576 0 0 1 5.018-8.208a7.7 7.7 0 0 1 1.506-.352"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.99" d="M17.214 59.982v-3c0-5 4.95-9 9.9-9q8.909 7.5 17.818 0c4.95 0 9.9 4 9.9 9v3M46.246 24.07c-.31-5.525-4.888-9.91-10.49-9.91c-5.803 0-10.507 4.703-10.507 10.506l.173 1.907l-5.684 15.316s4.415 2.366 14.754 2.57l.58.014c11.368 0 17.19-2.584 17.19-2.584L46.18 25.501s.077-1.234.066-1.43"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.99" d="M35.756 40.856H29.21l6.289-7.117l6.29 7.117H29.21"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.99" d="m23.254 40.512l5.472-14.219a1.88 1.88 0 0 1 1.727-1.144h1.17c.642 0 1.24.33 1.584.874l.964 1.525c.171.272 2.453.326 2.659 0l.963-1.525a1.88 1.88 0 0 1 1.585-.874h1.17c.752 0 1.432.45 1.726 1.144l5.44 14.132M35.33 13.643v12.614M29 36l2.372 2.41M42 36l-2.372 2.41m-6.561 2.446l2.615 3.614l2.529-3.614"/><path d="M41.73 30.73c0 .471-.174.904-.47 1.239h-2.923a1.85 1.85 0 0 1-.47-1.239c0-1.064.866-1.931 1.931-1.931s1.932.867 1.932 1.932Zm-8.826 0c0 .471-.173.904-.47 1.239h-2.922a1.85 1.85 0 0 1-.47-1.239c0-1.064.866-1.931 1.93-1.931s1.932.867 1.932 1.932Zm3.934 2.474c0 .303-.118.581-.32.796H34.52a1.15 1.15 0 0 1-.32-.796c0-.684.591-1.242 1.318-1.242s1.32.558 1.32 1.242"/></svg>

Darth Vader アイコンの使い方

React

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

<Icon icon="openmoji:darth-vader" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:darth-vader" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:darth-vader" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--darth-vader]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:darth-vader"></div>

Web コンポーネント

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

<iconify-icon icon="openmoji:darth-vader"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/darth-vader.svg" alt="Darth Vader アイコン" width="24" height="24">

Darth Vader アイコンのよくある質問

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

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