Walmart アイコン
thesvg-color:walmart
Walmart アイコン(thesvg-color:walmart)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 201 × 36 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 201 × 36
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>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 コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:walmart"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/walmart.svg" alt="Walmart アイコン" width="24" height="24">他のアイコンセットの Walmart アイコン
Walmart アイコン のよくある質問
Walmart アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Walmart アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:walmart" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Walmart アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/walmart.svg" alt="Walmart アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。