Memcached icon
logos:memcached
The Memcached icon (logos:memcached) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 254 × 254 grid. SVG Logos icons are released under the CC0 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
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 254 × 254
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="254" height="254" viewBox="0 0 254 254"><defs><radialGradient id="SVG6UFCFeCN" cx="41.406%" cy="42.708%" r="50%" fx="41.406%" fy="42.708%"><stop offset="0%" stop-color="#db7c7c"/><stop offset="100%" stop-color="#c83737"/></radialGradient><radialGradient id="SVGCgxlNyXP" cx="44.271%" cy="42.708%" r="50%" fx="44.271%" fy="42.708%"><stop offset="0%" stop-color="#db7c7c"/><stop offset="100%" stop-color="#c83737"/></radialGradient><linearGradient id="SVGdlWcUdVg" x1="50%" x2="50%" y1="100%" y2="0%"><stop offset="0%" stop-color="#574c4a"/><stop offset="100%" stop-color="#80716d"/></linearGradient><linearGradient id="SVGubS1kldG" x1="88.778%" x2="30.149%" y1="98.342%" y2="-8.68%"><stop offset="0%" stop-color="#268d83"/><stop offset="100%" stop-color="#2ea19e"/></linearGradient></defs><path fill="url(#SVGdlWcUdVg)" d="M0 171.19V82.17C0 10.271 10.26 0 82.086 0h89.189C243.1 0 253.36 10.271 253.36 82.171v89.019c0 71.9-10.26 82.17-82.086 82.17H82.086C10.261 253.36 0 243.09 0 171.19"/><path fill="url(#SVGubS1kldG)" d="M8.891.655C-3.562 79.583 2.953 153.48 2.953 153.48h38.928c-3.704-19.704-16.992-109.724-5.938-110.021c5.924.94 32.99 76.371 32.99 76.371s5.96-.742 11.958-.742s11.959.742 11.959.742s27.066-75.43 32.99-76.371c11.053.297-2.235 90.317-5.938 110.02h38.927s6.516-73.896-5.938-152.824H116.85C109.99.736 83.89 46.51 80.891 46.51S51.792.736 44.932.655z" transform="translate(45.79 47.098)"/><path fill="url(#SVG6UFCFeCN)" d="M73.214 144.267a9.213 9.213 0 1 1-18.427 0a9.213 9.213 0 0 1 18.427 0" transform="translate(45.79 47.098)"/><path fill="url(#SVGCgxlNyXP)" d="M106.995 144.267a9.213 9.213 0 1 1-18.426 0a9.213 9.213 0 0 1 18.426 0" transform="translate(45.79 47.098)"/><path d="M196.846 50.362c5.618 38.026 6.936 74.52 6.833 101.705c-.106 27.806-1.699 45.871-1.699 45.871h-32.767l-3.521 2.64h38.927s6.516-73.897-5.938-152.825zm-103.154-.96c10.226 11.376 27.913 41.567 30.35 41.567c-6.484-8.292-22.411-34.748-30.35-41.567M79.094 87.918c-11.054.297 2.234 90.317 5.938 110.02H51.05l-2.307 2.64h38.928c-3.685-19.604-16.856-108.825-6.103-110.021c-1.002-1.504-1.866-2.543-2.474-2.64m89.896 0c-5.923.94-32.99 76.371-32.99 76.371s-5.96-.742-11.958-.742c-3.549 0-6.604.218-8.67.41l-.65 2.971s5.961-.742 11.96-.742c5.997 0 11.958.742 11.958.742s26.862-74.936 32.907-76.371c-.651-1.65-1.456-2.61-2.557-2.64" opacity=".1"/><path fill="#fff" d="M54.681 47.753c-12.453 78.928-5.938 152.825-5.938 152.825L51.035 198c-1.173-17.434-4.306-80.48 6.285-147.609h36.042c.763.01 1.787.635 2.969 1.65c-2.36-2.626-4.322-4.274-5.609-4.29zm107.959 0c-6.86.081-32.96 45.856-35.959 45.856c1.223 1.564 2.216 2.639 2.64 2.639c2.998 0 29.098-45.775 35.958-45.856h31.806l1.596-2.64zM84.207 93.196c8.755 13.148 30.515 73.732 30.515 73.732l.637-2.954c-5.372-14.732-25.844-69.961-30.987-70.778c-.056.002-.11-.006-.165 0m90.062 0c5.872 14.977-5.244 89.649-8.577 107.382l3.53-2.757c4.508-26.446 15.363-104.347 5.047-104.625" opacity=".3"/></svg>How to use the Memcached icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:memcached" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:memcached" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:memcached" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--memcached]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:memcached"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:memcached"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/memcached.svg" alt="Memcached icon" width="24" height="24">Memcached icon in other icon sets
Memcached icon FAQ
Is the Memcached icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Memcached icon in React?
Install @iconify/react and render <Icon icon="logos:memcached" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Memcached icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/memcached.svg" alt="Memcached icon">, or paste the SVG code inline to style it with CSS.