Icône Shopify
cib:shopify
L'icône Shopify (cib:shopify) est une icône SVG gratuite de la collection CoreUI Brands par creativeLabs Łukasz Holeczek. Elle est dessinée sur une grille de 32 × 32. Les CoreUI Brands icons sont publiées sous la licence CC0 1.0, 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
- CoreUI Brands
- Auteur
- creativeLabs Łukasz Holeczek
- Licence
- CC0-1.0
- Taille
- 32 × 32
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m20.448 31.974l9.625-2.083s-3.474-23.484-3.5-23.641s-.156-.255-.281-.255c-.13 0-2.573-.182-2.573-.182s-1.703-1.698-1.922-1.88a.4.4 0 0 0-.161-.099l-1.219 28.141zm-4.833-16.901s-1.083-.563-2.365-.563c-1.932 0-2.005 1.203-2.005 1.521c0 1.641 4.318 2.286 4.318 6.172c0 3.057-1.922 5.01-4.542 5.01c-3.141 0-4.719-1.953-4.719-1.953l.859-2.781s1.661 1.422 3.042 1.422c.901 0 1.302-.724 1.302-1.245c0-2.156-3.542-2.255-3.542-5.807c-.047-2.984 2.094-5.891 6.438-5.891c1.677 0 2.5.479 2.5.479l-1.26 3.625zm-.719-13.969c.177 0 .359.052.536.182c-1.313.62-2.75 2.188-3.344 5.323a76 76 0 0 1-2.516.771c.688-2.38 2.359-6.26 5.323-6.26zm1.646 3.932v.182c-1.005.307-2.115.646-3.193.979c.62-2.37 1.776-3.526 2.781-3.958c.255.667.411 1.568.411 2.797zm.718-2.973c.922.094 1.521 1.151 1.901 2.339c-.464.151-.979.307-1.542.484v-.333c0-1.005-.13-1.828-.359-2.495zm3.99 1.718c-.031 0-.083.026-.104.026c-.026 0-.385.099-.953.281C19.63 2.442 18.625.927 16.849.927h-.156C16.183.281 15.558 0 15.021 0c-4.141 0-6.12 5.172-6.74 7.797c-1.594.484-2.75.844-2.88.896c-.901.286-.927.313-1.031 1.161c-.099.615-2.438 18.75-2.438 18.75L20.01 32z"/></svg>
Comment utiliser l'icône Shopify
React
import { Icon } from "@iconify/react";
<Icon icon="cib:shopify" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:shopify" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:shopify" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--shopify]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:shopify"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:shopify"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/cib/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 CoreUI Brands icons sont publiées sous la licence CC0 1.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Shopify dans React ?
Installez @iconify/react et affichez <Icon icon="cib: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/cib/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 CoreUI Brands →
ICONYZ
