ICONYZ
Français
Icône Shopify de Font Awesome Brands

Icône Shopify

fa7-brands:shopify

L'icône Shopify (fa7-brands:shopify) est une icône SVG gratuite de la collection Font Awesome Brands par Dave Gandy. Elle est dessinée sur une grille de 640 × 640. Les Font Awesome Brands icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Font Awesome Brands
Auteur
Dave Gandy
Licence
CC-BY-4.0
Taille
640 × 640
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M484.5 168.1c-.2-1.1-.7-2.1-1.5-2.8s-1.8-1.2-2.9-1.2c-2 0-37.2-.8-37.2-.8s-21.6-20.8-29.6-28.8v432.7L539 536s-54-365.5-54.4-367.9zm-99.6-33.6c-1.9-6.1-4.3-11.9-7.2-17.6c-10.4-20-26-30.9-44.4-30.9c-1.3 0-2.7.1-4 .4c-.4-.8-1.2-1.2-1.6-2c-8-8.8-18.4-12.8-30.8-12.4c-24 .8-48 18-67.2 48.8c-13.6 21.6-24 48.8-26.8 70.1c-27.6 8.4-46.8 14.4-47.2 14.8c-14 4.4-14.4 4.8-16 18c-1.2 10-38 291.8-38 291.8L404.3 568V129.7c-1.5.1-2.9.2-4.4.4c0 0-5.6 1.6-14.8 4.4zm-55.3 17.2c-16 4.8-33.6 10.4-50.8 15.6c4.8-18.8 14.4-37.6 25.6-50c4.4-4.4 10.4-9.6 17.2-12.8c6.8 14.4 8.4 34 8 47.2m-32.8-63.3c5-.2 10 1.1 14.4 3.6c-6.4 3.2-12.8 8.4-18.8 14.4c-15.2 16.4-26.8 42-31.6 66.5c-14.4 4.4-28.8 8.8-42 12.8c8.8-38.4 41.2-96.4 78-97.2zm-46.4 220.2c1.6 25.6 69.2 31.2 73.2 91.7c2.8 47.6-25.2 80.1-65.6 82.5c-48.8 3.2-75.6-25.6-75.6-25.6l10.4-44s26.8 20.4 48.4 18.8c14-.8 19.2-12.4 18.8-20.4c-2-33.6-57.2-31.6-60.8-86.9c-3.2-46.4 27.2-93.3 94.5-97.7c26-1.6 39.2 4.8 39.2 4.8l-15.2 57.6s-17.2-8-37.6-6.4c-29.6 2-30 20.8-29.6 25.6zm95.2-161.7c0-12-1.6-29.2-7.2-43.6c18.4 3.6 27.2 24 31.2 36.4q-10.8 3-24 7.2"/></svg>

Comment utiliser l'icône Shopify

React

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

<Icon icon="fa7-brands:shopify" width="24" />

Vue

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

<template>
  <Icon icon="fa7-brands:shopify" width="24" />
</template>

Svelte

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

<Icon icon="fa7-brands:shopify" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-brands--shopify]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa7-brands -->
<div class="i-fa7-brands:shopify"></div>

Web component

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

<iconify-icon icon="fa7-brands:shopify"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/fa7-brands/shopify.svg" alt="Icône Shopify" width="24" height="24">

L'icône Shopify dans d'autres collections

FAQ : Icône Shopify

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

Oui. Les Font Awesome Brands icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Shopify dans React ?

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

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

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fa7-brands/shopify.svg" alt="Icône Shopify">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Font Awesome Brands →