Elixir アイコン

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

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

devicon:elixir

Elixir アイコン(devicon:elixir)は、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="#8847b9" d="M87.773 58.138c-2.966-2.797-6.402-5.664-10.378-8.523c-9.561-6.871-14.338-15.182-16.621-22.709c0 0-2.695 4.494-5.134 9.196c-3.928 7.575-7.575 20.061-6.792 30.249c1.23 3.039 2.638 5.13 4.288 8.298c2.407 4.623 5.157 8.61 8.091 12.048q1.399.194 2.786.291c12.133.856 23.193-3.75 27.005-12.339c3.102-6.989-3.245-16.511-3.245-16.511"/><path fill="#b88cd9" d="M105.741 84.63C103.974 46.277 67.73 52.707 67.73 0a79 79 0 0 0-8.131 5.811s-2.299 9.641 1.175 21.095c2.284 7.528 7.06 15.838 16.621 22.709c3.976 2.859 7.412 5.726 10.378 8.523c15.013 14.158 17.968 26.492 17.968 26.492"/><path fill="#6e2e9e" d="M59.599 5.811s-9.367 8.907-16.443 25.53a91 91 0 0 0-1.868 4.761s1.096 14.27 7.56 30.249c-.783-10.188 2.864-22.674 6.792-30.249c2.439-4.702 5.134-9.196 5.134-9.196c-3.473-11.454-1.176-21.095-1.176-21.095"/><path fill="#b88cd9" d="M59.599 5.811c-10.982 8.937-19.061 20.276-24.84 31.788c0 0-2.204 10.935.897 25.556c0 0 .346-12.4 5.632-27.053a91 91 0 0 1 1.868-4.761c7.077-16.623 16.443-25.53 16.443-25.53"/><path fill="#8847b9" d="M34.759 37.599C25.637 55.768 22.243 74.368 22.204 84.63c0 0 7.697 12.871 27.95 17.2a63 63 0 0 0 8.045 1.168a69 69 0 0 1-2.628-2.651c-2.372-2.524-4.549-5.296-6.498-8.079c-5.601-7.994-9.328-16.07-10.425-18.562a7 7 0 0 1-.336-.781c-1.342-3.621-1.951-6.445-2.656-9.77c-3.101-14.621-.897-25.556-.897-25.556"/><path fill="#6e2e9e" d="M79.702 101.405c18.861-4.686 26.039-16.775 26.039-16.775s-2.955-12.334-17.968-26.492c0 0 6.347 9.522 3.245 16.511c-3.812 8.589-14.872 13.195-27.006 12.339a42 42 0 0 1-2.785-.291c5.852 6.86 12.433 11.534 18.475 14.708"/><path fill="#b88cd9" d="M105.795 86.292a63 63 0 0 0-.054-1.662s-7.178 12.089-26.039 16.775c10.878 5.713 20.011 6.569 20.011 6.569a41.46 41.46 0 0 0 6.082-21.682"/><path fill="#8847b9" d="M79.702 101.405c-4.534 1.126-9.743 1.825-15.689 1.825a72 72 0 0 1-5.814-.232c15.508 14.809 31.589 16.122 31.589 16.122a42 42 0 0 0 9.925-11.146s-9.133-.856-20.011-6.569"/><path fill="#b88cd9" d="M58.199 102.998a63 63 0 0 1-8.045-1.168c.241 1.603.503 3.107.784 4.488c2.984 14.675 13.075 21.681 13.075 21.681a41.65 41.65 0 0 0 25.775-8.879s-16.081-1.313-31.589-16.122"/><path fill="#a066cc" d="M22.229 86.292c0 23.034 18.707 41.707 41.784 41.707c0 0-10.091-7.006-13.075-21.681a89 89 0 0 1-.784-4.488c-20.253-4.329-27.95-17.2-27.95-17.2a42 42 0 0 0 .025 1.662"/><path fill="#531f7a" d="M64.013 103.23c5.946 0 11.155-.699 15.689-1.825c-6.042-3.174-12.623-7.848-18.475-14.708c-2.934-3.438-5.684-7.425-8.091-12.048c-1.65-3.168-3.058-5.259-4.288-8.298c-6.464-15.979-7.56-30.249-7.56-30.249c-5.286 14.653-5.632 27.053-5.632 27.053c.705 3.325 1.314 6.149 2.656 9.77c0 0 .114.276.336.781c1.097 2.492 4.824 10.568 10.425 18.562c1.949 2.783 4.126 5.555 6.498 8.079a69 69 0 0 0 2.628 2.651q.409.034.823.062q2.402.168 4.991.17"/></svg>

Elixir アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Devicon の関連アイコン

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

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

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

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

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

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

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

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

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