Ícone Shopify
fa7-brands:shopify
O ícone Shopify (fa7-brands:shopify) é um ícone SVG gratuito da coleção Font Awesome Brands de Dave Gandy. Ele é desenhado em uma grade de 640 × 640. Font Awesome Brands icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Font Awesome Brands
- Autor
- Dave Gandy
- Licença
- CC-BY-4.0
- Tamanho
- 640 × 640
Código 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>
Como usar o ícone 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>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fa7-brands/shopify.svg" alt="Ícone Shopify" width="24" height="24">
O ícone Shopify em outras coleções
Perguntas frequentes sobre Ícone Shopify
O ícone Shopify é grátis para uso comercial?
Sim. Font Awesome Brands icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Shopify no React?
Instale @iconify/react e renderize <Icon icon="fa7-brands:shopify" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Shopify a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fa7-brands/shopify.svg" alt="Ícone Shopify">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Font Awesome Brands →
ICONYZ
