Importio icon
logos:importio
The Importio icon (logos:importio) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 102 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
- 512 × 102
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="102" viewBox="0 0 512 102"><path fill="#772ce8" d="m24.216 53.63l24.22 24.098l-24.22 24.095L0 77.723zm26.917-26.793l24.22 24.1l-24.22 24.094l-24.216-24.1zM24.216 0l24.22 24.1l-24.22 24.094L0 24.094z"/><path d="M126.173 80.316v-50.77h16.763l.959 3.353h.478q1.438-1.628 4.503-2.97q3.16-1.34 6.992-1.34q4.12 0 7.472 1.628q3.353 1.63 4.981 3.64h.48q1.628-2.01 5.46-3.64q3.83-1.628 8.908-1.628q5.268 0 9.388 2.49q4.119 2.396 6.417 6.993q2.395 4.503 2.395 10.633v31.61h-18.68V52.538q0-2.778-1.34-4.215q-1.245-1.533-3.449-1.533t-3.544 1.533q-1.245 1.437-1.245 4.215v27.779h-18.68v-27.78q0-2.777-1.34-4.214q-1.245-1.533-3.449-1.533t-3.544 1.533q-1.245 1.437-1.245 4.215v27.779zm81.434 19.158V29.547h16.763l.959 3.352h.478q1.437-1.628 4.79-2.97q3.353-1.34 7.663-1.34q6.226 0 11.495 3.353q5.269 3.256 8.334 9.291q3.16 6.035 3.161 13.699q0 7.662-3.161 13.697q-3.065 6.036-8.334 9.388q-5.268 3.257-11.495 3.257q-3.831 0-6.993-1.054q-3.065-1.053-4.502-2.299h-.479v21.553zm26.821-35.443q3.353 0 5.748-2.49t2.395-6.61t-2.395-6.61t-5.748-2.49t-5.747 2.49t-2.395 6.61t2.395 6.61t5.747 2.49m56.506 17.243q-7.567 0-13.698-3.448q-6.13-3.544-9.675-9.484q-3.449-6.034-3.449-13.41t3.45-13.316q3.543-6.035 9.674-9.483q6.13-3.544 13.698-3.544q7.567 0 13.698 3.544q6.13 3.45 9.58 9.483q3.543 5.94 3.543 13.316q.001 7.375-3.544 13.41q-3.448 5.939-9.579 9.484q-6.13 3.448-13.698 3.448m0-17.243q3.353 0 5.747-2.49q2.395-2.49 2.395-6.61q0-4.119-2.395-6.61q-2.394-2.49-5.747-2.49t-5.748 2.49t-2.394 6.61t2.394 6.61t5.748 2.49m31.645 16.285v-50.77h16.763l.958 3.353h.48q1.149-1.245 3.447-2.299q2.3-1.053 5.173-1.053h8.622v17.242H349.4q-4.023 0-6.13 2.203q-2.012 2.108-2.012 6.418v24.906zm65.4 0q-8.526 0-12.931-4.119q-4.311-4.215-4.311-12.166V46.79h-7.664V29.547h7.664V14.22h18.68v15.327h11.015v17.242h-11.016v12.932q0 1.82.766 2.586q.766.767 2.587.767h7.663v17.242zm39.75-10.058c0 5.555-4.503 10.058-10.058 10.058s-10.058-4.503-10.058-10.058S412.116 60.2 417.67 60.2s10.058 4.503 10.058 10.058m57.449 11.016q-7.57 0-13.7-3.448q-6.13-3.544-9.672-9.484q-3.45-6.034-3.45-13.41t3.45-13.316q3.542-6.035 9.672-9.483q6.13-3.544 13.7-3.544q7.565 0 13.695 3.544q6.133 3.45 9.581 9.483Q512 47.556 512 54.932q0 7.375-3.546 13.41q-3.448 5.939-9.58 9.484q-6.132 3.448-13.696 3.448m0-17.243q3.352 0 5.748-2.49c1.594-1.66 2.395-3.863 2.395-6.61q-.002-4.119-2.395-6.61q-2.395-2.49-5.748-2.49q-3.352 0-5.749 2.49q-2.395 2.491-2.394 6.61q0 4.12 2.394 6.61q2.397 2.49 5.749 2.49m-33.155-33.887v50.172h-18.68V42.202zM433.345 14.22l18.625 11.642l-18.625 11.64zM118.65 30.144v50.172H99.971V42.202zM99.97 14.22l18.626 11.642l-18.625 11.64z"/></svg>How to use the Importio icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:importio" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:importio" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:importio" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--importio]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:importio"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:importio"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/importio.svg" alt="Importio icon" width="24" height="24">Related icons in SVG Logos
Importio icon FAQ
Is the Importio 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 Importio icon in React?
Install @iconify/react and render <Icon icon="logos:importio" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Importio icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/importio.svg" alt="Importio icon">, or paste the SVG code inline to style it with CSS.