Иконка Adobe Dreamweaver

logos:adobe-dreamweaver

Иконка Adobe Dreamweaver (logos:adobe-dreamweaver) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 250. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: SVG Logos
Автор: Gil Barbara
Лицензия: CC0-1.0
Размер: 256 × 250
Теги: adobedreamweaver

Скачать SVG

Код SVG

<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>

Как использовать иконку Adobe Dreamweaver

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>

Веб-компонент

<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

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

Иконка Adobe Dreamweaver в других наборах

Вопросы и ответы: Иконка Adobe Dreamweaver

Можно ли бесплатно использовать иконку Adobe Dreamweaver в коммерческих проектах?

Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Adobe Dreamweaver в React?

Установите @iconify/react и выведите <Icon icon="logos:adobe-dreamweaver" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Adobe Dreamweaver на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/adobe-dreamweaver.svg" alt="Иконка Adobe Dreamweaver">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки SVG Logos →