How to use the CVS icon
import { CvsLogo } from "@/assets/icons/cvsLogo"
export default function Example() {
return <CvsLogo width="32px" height="32px" />
}E-commerce icon
CVS JSX Icon
Copy the CVS icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.
ComponentCvsLogo
FilecvsLogo.jsx
CategoryE-commerce
Copy-ready code
CVS React JSX component
// Source: https://raw.githubusercontent.com/glincker/thesvg/bc1ea3c9c5901d1d7a9438e760a9d071955ff29d/public/icons/cvs/default.svg
// Asset license: MIT License
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const CvsLogo = ({ width = "40px", height = "40px", color = "#CC0000", ...props }) => (
<svg {...props} width={width} height={height} viewBox="-0.679 -0.679 181.048 23.983" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
<path d="M152.144 22.254c.402 0 1.03-.085 1.344-.2v-1.945c-.4.085-.742.114-1.057.114-1.03 0-1.517-.543-1.517-2.145V.6h-4.405v1.946h2.003v15.645c0 2.662 1.059 4.063 3.632 4.063m5.95-4.033v-9.04h3.003V7.236h-3.003V3.461h-2.402v3.775h-2.289v1.945h2.289v9.154c0 2.631 1.172 3.919 3.947 3.919.43 0 1.115-.085 1.458-.2v-1.945a6.6 6.6 0 0 1-1.229.114c-1.202 0-1.774-.43-1.774-2.002m-38.73-9.41c3.147 0 4.777 2.23 5.034 4.72h-10.325c.286-2.718 2.116-4.72 5.291-4.72m11.642 5.834c0-3.375 2.146-5.806 5.177-5.806 3.061 0 5.149 2.487 5.149 5.806s-2.088 5.808-5.149 5.808c-3.031 0-5.177-2.433-5.177-5.808m37.843 5.464h-2.002v-6.636c0-3.09 1.574-4.634 4.347-4.634 2.49 0 4.092 1.545 4.092 4.634v6.636h-2.003v1.945h6.408v-1.945h-2.003v-6.636c0-3.69-2.202-6.665-6.207-6.665-2.088 0-3.633.8-4.634 2.088V.6h-4.405v1.946h2.002V20.11h-2.002v1.945h6.407zM95.223 9.554V2.603h2.145V.6H90.59v2.003h2.145V20.05H90.59v2.003h6.78V20.05h-2.146V11.5h10.755v8.552h-2.145v2.003h6.779V20.05h-2.145V2.603h2.145V.6h-6.779v2.003h2.145v6.95zm31.235 8.524h-2.402c-.859 1.487-2.403 2.402-4.605 2.402-3.348 0-5.149-2.031-5.378-5.034h12.729v-1.058c0-4.52-2.889-7.58-7.438-7.58-4.576 0-7.75 3.232-7.75 7.837 0 4.634 3.174 7.838 7.75 7.838 3.347 0 5.922-1.688 7.094-4.405m14.789 3.976h4.405v-1.945h-2.003V9.18h2.003V7.236h-4.405V9.44c-1.259-1.63-3.148-2.631-5.379-2.631-4.204 0-7.321 3.375-7.321 7.837 0 4.463 3.117 7.838 7.321 7.838 2.231 0 4.12-1.002 5.379-2.632z"/><path d="M7.665.029A3.16 3.16 0 0 0 5.42.96L.928 5.454a3.18 3.18 0 0 0 .005 4.492L13.61 22.625 26.29 9.946a3.176 3.176 0 0 0-.002-4.492L21.799.964a3.171 3.171 0 0 0-4.496.004L13.612 4.66 9.914.962A3.16 3.16 0 0 0 7.666.03M49.456.6h7.01l3.603 13.845L63.931.6h6.75l-7.208 21.425h-6.836zm1.46 13.101c-.372 5.635-4.09 8.924-10.24 8.924-6.837 0-11.013-4.347-11.013-11.297C29.663 4.318 33.868 0 40.533 0c6.206 0 9.868 3.146 10.269 8.695H44.25c-.2-2.174-1.43-3.317-3.633-3.317-2.689 0-4.032 1.973-4.032 5.95 0 3.89 1.458 5.92 4.232 5.92 2.089 0 3.404-1.26 3.605-3.547zm25.257 1.63c.344 1.603 1.259 2.175 3.146 2.175 1.659 0 2.575-.601 2.575-1.546 0-1.344-1.23-1.457-3.776-2.116-2.975-.771-4.891-1.43-5.777-2.06-1.66-1.172-2.46-2.832-2.46-4.948C69.88 2.69 73.14 0 78.833 0c5.521 0 8.781 2.431 9.154 6.751h-6.494c-.229-1.287-1.115-1.889-2.774-1.889-1.458 0-2.175.487-2.175 1.46 0 1.144 1.117 1.344 3.177 1.887 2.66.687 4.776 1.116 6.12 2.031 1.888 1.259 2.746 2.804 2.746 5.006 0 4.661-3.346 7.379-9.554 7.379-5.749 0-9.125-2.717-9.554-7.294z"/>
</svg>
)
Built for the web
Use it in your stack
This copy-ready component works in React and Next.js projects, and the SVG can be adapted for any interface.
Looking for a similar mark? Browse the related icons below or explore the full e-commerce collection.
Related JSX icons
FAQ
Is the CVS JSX icon free?
Yes. You can copy the JSX component and use it in React and Next.js projects.
Can I customize it?
Yes. Edit the SVG attributes or pass className, width, height and color props depending on the component.