Walgreens icon
thesvg-color:walgreens
The Walgreens icon (thesvg-color:walgreens) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 336 × 217 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 336 × 217
- Tags
- walgreen
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="336" height="217" viewBox="0 0 336 217"><path fill="#e62324" d="M164.017 149.235c.67-41.844 30.209-85.82 45.2-85.82c4.431 0 5.371 2.878 5.371 5.935c0 14.323-21.258 52.585-50.57 79.885M312.641-.001c-13.959-.078-27.43 8.372-36.153 21.053c41.211 26.95-9.282 161.128-83.752 161.128c-8.926 0-16.499-2.598-21.565-7.905c40.313-36.316 69.437-85.7 69.437-114.823c0-14.89-7.274-24.335-24.322-24.335c-49.463 0-101.613 81.153-91.938 139.699c-31.189 11.078-46.686-2.779-46.686-30.613c0-58.115 60.726-118.392 57.199-136.527C71.941 27.127 22.698-18.066 0 55.486c30.586-16.642 58.816 9.96 93.707-9.488c-29.965 34.564-60.208 83.505-59.8 124.835c.268 27.053 14.88 46.567 46.53 46.567c17.974 0 36.627-6.295 54.578-16.561c7.695 9.617 20.09 16.561 39.035 16.561c77.244 0 161.663-108.533 161.663-185.978c0-20.546-8.152-31.34-23.071-31.423"/></svg>How to use the Walgreens icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:walgreens" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:walgreens" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:walgreens" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--walgreens]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:walgreens"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:walgreens"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/walgreens.svg" alt="Walgreens icon" width="24" height="24">Walgreens icon in other icon sets
Walgreens icon FAQ
Is the Walgreens icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Walgreens icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:walgreens" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Walgreens icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/walgreens.svg" alt="Walgreens icon">, or paste the SVG code inline to style it with CSS.