Ícone Walmart
thesvg-color:walmart
O ícone Walmart (thesvg-color:walmart) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 201 × 36. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 201 × 36
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="201" height="36" viewBox="0 0 201 36"><path d="m38.1 0l-4.65 23.33L28.22 0h-9.07l-5.23 23.33L9.26 0H0l7.55 35.63h10.79l5.27-23.66l5.28 23.66h10.54L46.94 0zm21.6 6.56c-5.75 0-9.79 1.95-11.26 3.33v7.6c1.71-1.52 5.32-3.75 10.07-3.75c2.95 0 4.04.81 4.04 2.47c0 1.43-1.52 2-5.75 2.9c-6.41 1.33-10.12 3.66-10.12 9.22c0 5.13 3.37 8.12 8.27 8.12c4.1 0 6.55-1.9 7.89-4.46v3.65h8.84V18.16c0-8.03-4.18-11.59-11.97-11.59Zm-1.24 24.13c-2.09 0-3.23-1.28-3.23-3.04c0-2.28 1.81-3.18 4.09-3.99c1.19-.45 2.38-.91 3.18-1.61v3.94c0 2.99-1.57 4.7-4.04 4.7M76.09 0h9.17v35.63h-9.17zm47.08 6.65c-4.46 0-7.33 2.68-8.83 6.25c-.8-3.82-3.48-6.25-7.23-6.25c-4.24 0-7.01 2.48-8.41 5.95V7.46h-9.03v28.17h9.17V20c0-3.85 1.28-6.03 4.04-6.03c2.23 0 2.99 1.52 2.99 3.9v17.77h9.17V20.01c0-3.85 1.28-6.03 4.04-6.03c2.23 0 2.99 1.52 2.99 3.9v17.77h9.17V16.6c0-5.94-2.8-9.93-8.08-9.93Zm24.14-.09c-5.75 0-9.79 1.95-11.26 3.33v7.6c1.71-1.52 5.32-3.75 10.07-3.75c2.95 0 4.04.81 4.04 2.47c0 1.43-1.52 2-5.75 2.9c-6.41 1.33-10.12 3.66-10.12 9.22c0 5.13 3.37 8.12 8.27 8.12c4.1 0 6.55-1.9 7.89-4.46v3.65h8.84V18.16c0-8.03-4.18-11.59-11.97-11.59Zm-1.24 24.13c-2.09 0-3.23-1.28-3.23-3.04c0-2.28 1.81-3.18 4.09-3.99c1.19-.45 2.38-.91 3.18-1.61v3.94c0 2.99-1.57 4.7-4.04 4.7m26.66-15.31V7.46h-9.03v28.17h9.22V23.66c0-5.51 3.61-6.98 6.89-6.98c1.09 0 2.14.14 2.61.29v-9.7c-5.36-.25-8.49 3.03-9.69 8.11m28.09-.79V7.46h-5.8V2h-9.17v24.23c0 6.79 3.8 9.98 9.93 9.98c2.85 0 4.37-.57 5.04-1v-7.08c-.52.38-1.38.67-2.47.67c-2 .05-3.33-.86-3.33-3.85V14.59z"/></svg>Como usar o ícone Walmart
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:walmart" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:walmart" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:walmart" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--walmart]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:walmart"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:walmart"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/walmart.svg" alt="Ícone Walmart" width="24" height="24">O ícone Walmart em outras coleções
Perguntas frequentes sobre Ícone Walmart
O ícone Walmart é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Walmart no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:walmart" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Walmart a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/walmart.svg" alt="Ícone Walmart">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.