Adobe Dreamweaver icon

logos:adobe-dreamweaver

The Adobe Dreamweaver icon (logos:adobe-dreamweaver) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 250 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 256 × 250
Tags: adobedreamweaver

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="250" viewBox="0 0 256 250"><rect width="256" height="249.6" fill="#470137" rx="42.5"/><path fill="#ff61f6" d="M24.311 174.691V65.47a1.23 1.23 0 0 1 1.142-1.374l.279-.018l.921-.053l1.049-.048l1.595-.057l1.82-.05l1.515-.031l7.032-.114l4.061-.058l2.578-.03l2.643-.025l2.708-.017l2.774-.01l2.839-.004q19.152 0 31.902 6.738l.564.303a46.3 46.3 0 0 1 19.332 19.32q6.444 12.28 6.445 28.25a66 66 0 0 1-3.345 21.896a51.7 51.7 0 0 1-9.136 16.4a55 55 0 0 1-13.133 11.421a56.2 56.2 0 0 1-15.662 6.698a65.7 65.7 0 0 1-16.478 2.146H44.321l-2.506-.007l-2.435-.014l-2.362-.02l-2.29-.028l-2.72-.045l-2.392-.055l-1.664-.052l-1.442-.058l-.638-.031l-.582-.033q-.98 0-.979-1.718m22.514-89.988v71.098q1.794 0 3.263.086l1.994.115l1.024.056q1.327.077 2.957.085l.551.001c4.944.066 9.86-.748 14.52-2.404a29.5 29.5 0 0 0 11.176-7.213a32.65 32.65 0 0 0 7.178-11.85a47.1 47.1 0 0 0 2.529-15.97a42.2 42.2 0 0 0-2.447-15.027a28 28 0 0 0-18.191-17.26A46.1 46.1 0 0 0 58.11 84.36l-1.902.003l-1.478.013l-.91.014l-.852.02l-.793.023l-.933.037l-1.173.054l-1.893.1zm164.195 91.722h-19.964a1.52 1.52 0 0 1-1.277-.429a5.2 5.2 0 0 1-.639-1.288l-.775-3.309l-.5-2.149l-.72-3.138l-.69-3.036l-.655-2.934l-.623-2.832l-.78-3.616l-1.1-5.232l-1.32-6.386l-.864-4.269l-1.13-5.715l-.82-4.25l-.59-3.15l-.44-2.415l-.214-1.199l-.293-1.696l-.178-1.063l-.163-1.008l-.218-1.409l-.065-.442h-.16a674 674 0 0 0-2.954 13.653a438 438 0 0 1-2.955 13.31l-1.192 4.959l-1.294 5.31l-1.395 5.66l-1.19 4.781l-1.58 6.291l-1.335 5.284q-.32 1.718-1.757 1.717h-19.964a2.4 2.4 0 0 1-1.517-.343a2.9 2.9 0 0 1-.718-1.202l-20.763-82.432q-.48-1.373 1.278-1.374h20.123q1.438 0 1.597 1.03l1.19 5.274l.677 3.027l1.272 5.745l1.344 6.182l.868 4.073l.546 2.614l.346 1.687l.332 1.64l.317 1.596l.448 2.308l.416 2.205l.259 1.413l.244 1.368l.34 1.967l1.204 7.18l.817 4.755l.841 4.852l.518 3.08h.32q.212-2.094.625-4.157l.254-1.217l.841-4.175l1.051-5.316l.41-2.026l.758-3.657l2.485-11.703l1.214-5.798l.613-2.942l.39-1.818l.416-1.868l.216-.953l.452-1.943l.475-1.993l.499-2.043l.523-2.093l.547-2.142l.572-2.192l.595-2.243c.041-.48.177-.947.4-1.374q.238-.342 1.197-.343h20.922q.958.002 1.118 1.202l.487 2.1l.702 3.063l.45 1.983l.856 3.825l.799 3.637l.74 3.45l.518 2.464l1.994 9.694l.874 4.31l.327 1.624l.328 1.667l.31 1.608l.289 1.548l.137.752l.26 1.46l.239 1.4l.22 1.342l.2 1.282l.377 2.515l.278 1.772l.181 1.113l.18 1.058l.175 1.003l.26 1.401q.54 2.684.798 5.41h.32q.73-2.989 1.329-6.848l.217-1.431l.234-1.493l.257-1.555l.28-1.617q.072-.412.148-.832l.313-1.71l1.045-5.504l.556-2.96l.772-4.165l.36-1.957l.34-1.795l.36-1.85l.378-1.905l.4-1.96l.418-2.015l.439-2.07l.458-2.125l.512-2.334l.53-2.39l.551-2.446l.57-2.503l.59-2.558l.61-2.615l.63-2.671q.318-1.373 1.438-1.374h18.686q1.436 0 1.118 1.545l-22.999 82.26a3.8 3.8 0 0 1-.639 1.203a1.75 1.75 0 0 1-1.278.343"/></svg>

How to use the Adobe Dreamweaver icon

React

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

<Icon icon="logos:adobe-dreamweaver" width="24" />

Vue

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

<template>
  <Icon icon="logos:adobe-dreamweaver" width="24" />
</template>

Svelte

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

<Icon icon="logos:adobe-dreamweaver" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--adobe-dreamweaver]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:adobe-dreamweaver"></div>

Web component

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

<iconify-icon icon="logos:adobe-dreamweaver"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/adobe-dreamweaver.svg" alt="Adobe Dreamweaver icon" width="24" height="24">

Related icons in SVG Logos

Adobe Dreamweaver icon in other icon sets

Adobe Dreamweaver icon FAQ

Is the Adobe Dreamweaver icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Adobe Dreamweaver icon in React?

Install @iconify/react and render <Icon icon="logos:adobe-dreamweaver" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Adobe Dreamweaver icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/adobe-dreamweaver.svg" alt="Adobe Dreamweaver icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →