Dreamweaver アイコン
devicon:dreamweaver
Dreamweaver アイコン(devicon:dreamweaver)は、Devicon セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#470137" d="M22.667 1.6h82.666C117.866 1.6 128 11.733 128 24.267v79.466c0 12.533-10.133 22.667-22.667 22.667H22.667C10.134 126.4 0 116.267 0 103.733V24.267C0 11.734 10.133 1.6 22.667 1.6"/><path fill="#ff61f6" d="M105.6 89.599h-9.973c-.214.053-.48-.053-.64-.213a1.8 1.8 0 0 1-.32-.64a503 503 0 0 1-2.56-11.36c-.694-3.307-1.28-6.08-1.707-8.374a445 445 0 0 0-1.12-5.813c-.267-1.6-.533-2.933-.693-4.053h-.054c-.533 2.346-1.013 4.64-1.493 6.826c-.427 2.187-.96 4.427-1.493 6.667s-1.12 4.693-1.814 7.36c-.64 2.667-1.386 5.6-2.186 8.747c-.107.587-.374.853-.854.853H70.72c-.267.054-.533-.053-.747-.16c-.16-.16-.266-.373-.373-.586L59.2 47.626c-.16-.48.053-.694.64-.694h10.08c.48 0 .747.16.8.534c1.067 4.693 1.973 8.746 2.667 12.16s1.28 6.293 1.653 8.693s.747 4.373 1.013 5.867c.267 1.493.48 2.773.64 3.733h.16c.107-.854.214-1.653.374-2.507q.32-1.52.8-4c.32-1.653.693-3.573 1.173-5.813s1.013-4.8 1.653-7.787c.587-2.933 1.44-6.293 2.454-10.08c0-.213.106-.48.213-.693c.053-.107.267-.16.587-.16H94.56c.32 0 .48.213.533.586a724 724 0 0 1 2.293 10.24q.88 4.4 1.6 7.84c.427 2.24.8 4.214 1.014 5.814c.213 1.653.48 2.986.693 4.106c.16.907.32 1.814.373 2.72h.16c.267-1.066.48-2.346.694-3.786s.48-3.04.853-4.854c.32-1.813.693-3.786 1.12-5.973c.373-2.187.907-4.587 1.493-7.307c.587-2.666 1.227-5.6 1.974-8.746c.106-.48.32-.694.693-.694h9.333c.48 0 .64.267.533.747l-11.52 41.12c-.053.213-.16.427-.32.587c0 .266-.213.373-.48.32zm-93.439-.533v-54.4c-.053-.32.213-.64.533-.694h.054a55 55 0 0 1 3.573-.106c1.6-.054 3.413-.054 5.547-.107s4.373-.053 6.773-.053c6.507 0 11.947 1.173 16.213 3.52a23.4 23.4 0 0 1 9.653 9.653c2.134 4.107 3.2 8.8 3.2 14.133c.054 3.733-.48 7.413-1.653 10.933a26 26 0 0 1-4.587 8.213c-1.866 2.24-4.106 4.16-6.56 5.707c-2.4 1.493-5.066 2.613-7.84 3.36a32.7 32.7 0 0 1-8.213 1.067h-6.027c-2.133 0-4.16 0-5.973-.054c-1.867-.053-3.253-.053-4.16-.106c-.373 0-.533-.32-.533-.854zm11.253-45.013v35.573c.587 0 1.12 0 1.653.053c.48.053 1.014.053 1.494.107c.533.053 1.12.053 1.76.053c2.453.053 4.906-.373 7.253-1.227c2.133-.746 4-1.973 5.6-3.626a16.5 16.5 0 0 0 3.573-5.92c.854-2.56 1.28-5.28 1.28-8c.054-2.56-.373-5.12-1.226-7.52a13.9 13.9 0 0 0-9.12-8.64c-2.294-.694-4.64-1.067-7.04-1.014c-1.067 0-1.974 0-2.72.054c-.747 0-1.6.053-2.507.106z"/></svg>Dreamweaver アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:dreamweaver" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:dreamweaver" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:dreamweaver" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--dreamweaver]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:dreamweaver"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:dreamweaver"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon/dreamweaver.svg" alt="Dreamweaver アイコン" width="24" height="24">他のアイコンセットの Dreamweaver アイコン
Dreamweaver アイコン のよくある質問
Dreamweaver アイコンは商用利用でも無料ですか?
はい。Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Dreamweaver アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon:dreamweaver" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dreamweaver アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon/dreamweaver.svg" alt="Dreamweaver アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。