Spack icon
devicon-plain:spack
The Spack icon (devicon-plain:spack) is a free SVG icon from the Devicon Plain set by konpa. It is drawn on a 128 × 128 grid. Devicon Plain 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
- Devicon Plain
- Author
- konpa
- License
- MIT
- Size
- 128 × 128
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M64 .784a12.96 12.96 0 0 0-9.192 3.82L4.604 54.808a12.97 12.97 0 0 0 0 18.385l50.204 50.204a12.97 12.97 0 0 0 18.384 0l50.204-50.204a12.97 12.97 0 0 0 0-18.385L73.192 4.604A12.96 12.96 0 0 0 64 .784M58.5 14a10.2 10.2 0 0 1 2.02.203q.188.038.374.086C58.207 16.673 56.5 20.139 56.5 24c0 3.731 1.603 7.083 4.134 9.456a13.2 13.2 0 0 0 2.419 1.815L46.568 53.579l2.6 2.341L35.9 62.812l5.466-13.917l2.602 2.342L56.75 37.04v-.171l.14.015l2.65-2.943c-.342.036-.688.06-1.04.06a10.1 10.1 0 0 1-2.861-.419a10 10 0 0 1-.92-.322q-.102-.04-.202-.083a10 10 0 0 1-.7-.336l-.145-.076a10 10 0 0 1-3.288-2.924c-.074-.102-.15-.201-.22-.306a10 10 0 0 1-.407-.672l-.036-.06c-.048-.087-.087-.179-.132-.267a10 10 0 0 1-.26-.542q-.073-.174-.14-.351a10 10 0 0 1-.181-.5a10 10 0 0 1-.25-.903a10 10 0 0 1-.078-.367a10 10 0 0 1-.094-.625c-.012-.096-.028-.192-.037-.29q-.047-.472-.049-.958a10.2 10.2 0 0 1 .202-2.02a9.97 9.97 0 0 1 5.024-6.776a9.9 9.9 0 0 1 3.749-1.152A10 10 0 0 1 58.5 14m11 0c5.54 0 10 4.46 10 10c0 5.541-4.46 10-10 10a9.97 9.97 0 0 1-6.466-2.366l-.03-.026a10 10 0 0 1-.783-.751q-.076-.082-.15-.165a10 10 0 0 1-.589-.718q-.075-.097-.147-.198a10 10 0 0 1-.595-.94l-.009-.014a10 10 0 0 1-.492-1.04c-.035-.088-.063-.178-.096-.267a10 10 0 0 1-.359-1.175a10 10 0 0 1-.156-.807c-.018-.119-.039-.235-.053-.355A10 10 0 0 1 59.5 24c0-.399.03-.79.075-1.177c.014-.119.035-.235.053-.352a10 10 0 0 1 .247-1.167q.12-.427.274-.837c.03-.08.057-.163.09-.243q.218-.54.494-1.048a10 10 0 0 1 .604-.954q.07-.097.143-.192q.28-.377.594-.725l.147-.161a10 10 0 0 1 .812-.776A9.98 9.98 0 0 1 69.5 14M48.59 32.39a13 13 0 0 0 2.597 2.347l-8.333 9.255l2.602 2.341l-13.27 6.892l5.466-13.917l2.602 2.342zm30.82 0l8.336 9.26l2.602-2.342l5.465 13.917l-13.27-6.892l2.603-2.341l-8.334-9.255a13 13 0 0 0 2.597-2.347zm-11.66 4.48c.574.078 1.155.131 1.75.131s1.176-.053 1.75-.131v40.957h3.5l-5.25 14l-5.25-14h3.5zm-7.5 4.1v36.857h3.5l-5.25 14l-5.25-14h3.5v-32.97ZM24 54c5.54 0 10 4.46 10 10c0 5.541-4.46 10-10 10s-10-4.459-10-10c0-5.54 4.46-10 10-10m80 0c5.54 0 10 4.46 10 10c0 5.541-4.46 10-10 10a9.97 9.97 0 0 1-8.204-4.27A9.97 9.97 0 0 1 94 64c0-5.54 4.46-10 10-10M34.339 71.865L45.266 82.79l2.475-2.474l6.188 13.612l-13.613-6.187l2.475-2.476L31.864 74.34a13 13 0 0 0 2.475-2.474zm59.322 0a13 13 0 0 0 2.475 2.474L85.209 85.266l2.475 2.476l-13.613 6.187l6.188-13.612l2.475 2.474zM64 94c5.54 0 10 4.46 10 10c0 5.541-4.46 10-10 10s-10-4.459-10-10c0-5.54 4.46-10 10-10"/></svg>How to use the Spack icon
React
import { Icon } from "@iconify/react";
<Icon icon="devicon-plain:spack" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon-plain:spack" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon-plain:spack" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--spack]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:spack"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon-plain:spack"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/devicon-plain/spack.svg" alt="Spack icon" width="24" height="24">Spack icon in other icon sets
Spack icon FAQ
Is the Spack icon free for commercial use?
Yes. Devicon Plain icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Spack icon in React?
Install @iconify/react and render <Icon icon="devicon-plain:spack" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Spack icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/devicon-plain/spack.svg" alt="Spack icon">, or paste the SVG code inline to style it with CSS.