ICONYZ
Français
Icône Photoshop Express de theSVG Color

Icône Photoshop Express

thesvg-color:photoshop-express

L'icône Photoshop Express (thesvg-color:photoshop-express) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 32 × 32. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
theSVG Color
Auteur
thesvg.org
Licence
MIT
Taille
32 × 32
Mots-clés
photoshopexpress
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#SVGmAhx2dHO)"><path fill="#001e36" d="M5.667 0h20.666A5.66 5.66 0 0 1 32 5.667v19.866a5.66 5.66 0 0 1-5.667 5.667H5.667A5.66 5.66 0 0 1 0 25.533V5.667A5.66 5.66 0 0 1 5.667 0"/><path fill="#31a8ff" d="M9.76 20.253v-9.706c0-.067.027-.107.093-.107c.16 0 .307 0 .534-.013c.226 0 .466-.014.72-.014s.533-.013.826-.013c.294 0 .574-.013.854-.013c.666-.014 1.32.08 1.946.293c.48.16.907.427 1.267.773c.307.307.547.667.693 1.067c.147.387.214.8.214 1.227c0 .813-.187 1.48-.56 2.013a3.1 3.1 0 0 1-1.52 1.147c-.68.226-1.4.346-2.134.32c-.226 0-.386 0-.466-.014c-.094 0-.227-.013-.414-.013v3.027a.113.113 0 0 1-.106.133h-1.84c-.067.027-.107-.013-.107-.107m2.053-7.986v3.173c.134.013.254.013.36.013h.507a3.4 3.4 0 0 0 1.093-.173c.307-.093.574-.267.774-.507c.2-.226.293-.56.293-.973a1.45 1.45 0 0 0-.227-.84a1.4 1.4 0 0 0-.666-.533c-.36-.134-.734-.2-1.107-.187c-.24 0-.453 0-.64.013a1.6 1.6 0 0 0-.387.014m10.974 2.586a3.5 3.5 0 0 0-.907-.32a4.7 4.7 0 0 0-1.053-.12c-.187 0-.387.014-.574.067a.5.5 0 0 0-.293.187a.47.47 0 0 0-.08.253c0 .093.04.173.093.24c.094.107.2.187.32.253c.214.12.44.227.667.307c.507.173 1 .4 1.453.693c.307.2.56.467.747.787c.147.307.227.64.227.973c.013.44-.12.88-.36 1.254a2.4 2.4 0 0 1-1.054.84c-.546.213-1.12.32-1.706.306a7 7 0 0 1-1.28-.12a4 4 0 0 1-.96-.306a.21.21 0 0 1-.107-.187v-1.64c0-.027.013-.067.04-.08s.067-.013.08.013c.36.214.76.374 1.173.467c.36.093.734.133 1.107.147c.267.013.533-.027.787-.134a.425.425 0 0 0 .253-.4a.51.51 0 0 0-.227-.386a4 4 0 0 0-.933-.44a5.6 5.6 0 0 1-1.347-.68a2.4 2.4 0 0 1-.72-.8a2.19 2.19 0 0 1 .093-2.107c.24-.373.587-.68.987-.867a3.6 3.6 0 0 1 1.667-.333c.387 0 .787.027 1.173.08c.28.04.56.107.814.227c.04.013.08.04.093.08s.013.08.013.12v1.533c0 .04-.013.067-.04.093c-.053.027-.106.027-.146 0"/><path fill="#31a8ff" d="M16 28.507c-.52 0-1.013-.2-1.373-.574l-10.96-10.96a1.94 1.94 0 0 1 0-2.746l10.96-10.96a1.94 1.94 0 0 1 2.746 0l10.96 10.96c.76.76.76 1.986 0 2.746l-10.96 10.96c-.36.36-.853.574-1.373.574m-1-.947c.547.547 1.44.547 1.987 0l10.96-10.96a1.41 1.41 0 0 0 0-1.987l-10.96-10.96a1.41 1.41 0 0 0-1.987 0L4.04 14.613a1.41 1.41 0 0 0 0 1.987z" opacity=".6"/></g><defs><clipPath id="SVGmAhx2dHO"><path fill="#fff" d="M0 0h32v31.2H0z"/></clipPath></defs></g></svg>

Comment utiliser l'icône Photoshop Express

React

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

<Icon icon="thesvg-color:photoshop-express" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:photoshop-express" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:photoshop-express" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--photoshop-express]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:photoshop-express"></div>

Web component

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

<iconify-icon icon="thesvg-color:photoshop-express"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/photoshop-express.svg" alt="Icône Photoshop Express" width="24" height="24">

Icônes similaires dans theSVG Color

FAQ : Icône Photoshop Express

L'icône Photoshop Express est-elle gratuite pour un usage commercial ?

Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Photoshop Express dans React ?

Installez @iconify/react et affichez <Icon icon="thesvg-color:photoshop-express" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Photoshop Express à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/photoshop-express.svg" alt="Icône Photoshop Express">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes theSVG Color →