Replit icon
logos:replit
The Replit icon (logos:replit) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 122 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 × 122
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="122" viewBox="0 0 512 122"><path d="M482.086 15.91c1.312 0 2.33.946 2.33 2.183v13.974h25.254c1.311 0 2.33.946 2.33 2.183v7.205c0 1.164-1.019 2.183-2.33 2.256h-25.253v21.251c0 8.88 3.202 12.446 12.225 12.446h11.353c1.312 0 2.33.946 2.33 2.183v7.205c0 1.165-1.018 2.184-2.33 2.184h-13.532c-16.598 0-24.31-7.57-24.31-23.944V43.638h-14.919c-1.31 0-2.33-.946-2.33-2.183V34.25c0-1.165 1.02-2.183 2.33-2.183h14.92V18.093c0-1.165 1.018-2.184 2.33-2.184zM435.51 32.066c1.31 0 2.33.946 2.33 2.183v43.158h17.828c1.311 0 2.33.946 2.33 2.183v7.205c0 1.165-1.019 2.184-2.33 2.184H406.18c-1.31 0-2.33-.947-2.33-2.184V79.59c0-1.164 1.02-2.183 2.33-2.183h17.394v-33.77H406.18c-1.31 0-2.33-.946-2.33-2.183V34.25c0-1.165 1.02-2.183 2.33-2.183zm.582-21.98a2.32 2.32 0 0 1 2.33 2.184v9.242c0 1.165-1.02 2.184-2.33 2.184h-13.1c-1.31 0-2.329-.946-2.329-2.184V12.27c0-1.165 1.019-2.184 2.329-2.184zm-43.23 67.321h-14.847V12.271c0-1.238-1.02-2.184-2.33-2.184h-29.111c-1.31 0-2.329 1.019-2.329 2.184v7.205c0 1.237 1.019 2.183 2.329 2.183h17.176v55.749h-19.286c-1.31 0-2.33 1.019-2.33 2.183v7.205c0 1.237 1.02 2.184 2.33 2.184h48.397c1.31 0 2.33-1.02 2.33-2.184v-7.205c0-1.237-1.02-2.183-2.33-2.183m-79.039-46.433c-4.949 0-8.515 1.092-11.28 3.711l-3.42 3.276h-3.13l-1.165-4.221a2.36 2.36 0 0 0-2.256-1.674h-6.55c-1.31 0-2.33 1.018-2.33 2.183v74.526c0 1.237 1.02 2.183 2.33 2.183h9.606c1.31 0 2.33-1.019 2.33-2.183V92.618l-1.238-8.66l3.203-.728l3.42 3.275c2.693 2.475 5.968 3.712 10.844 3.712c14.12 0 22.635-9.753 22.635-29.621c-.073-19.869-8.516-29.621-22.999-29.621m-4.73 47.306c-7.205 0-11.208-3.712-11.208-10.771V53.536c0-7.06 3.93-10.77 11.208-10.77c8.806 0 12.81 5.53 12.81 17.684c-.074 12.3-4.004 17.831-12.81 17.831m-66.084-47.306c-18.34 0-28.165 9.752-28.165 29.548c0 19.869 9.752 29.621 27.802 29.621c13.973 0 22.998-5.822 25.4-15.793c.363-1.383-.801-2.693-2.257-2.693h-8.733c-.947 0-1.82.582-2.184 1.456c-1.528 4.294-5.895 6.332-11.79 6.332c-9.17 0-13.537-5.022-14.12-16.74h39.811c2.184-21.906-6.914-31.731-25.764-31.731M229.4 53.827c1.384-8.588 5.678-12.59 13.538-12.59c8.37 0 12.3 4.44 12.518 12.59zm-42.94-19.213l-3.275 3.275h-3.275l-1.019-4.148c-.218-1.02-1.164-1.674-2.256-1.674h-20.96c-1.31 0-2.33 1.018-2.33 2.183v7.205c0 1.237 1.02 2.183 2.33 2.183h12.372v33.77h-14.41c-1.31 0-2.33 1.019-2.33 2.183v7.205c0 1.237 1.02 2.184 2.33 2.184h45.341c1.31 0 2.329-1.02 2.329-2.184v-7.205c0-1.237-1.019-2.183-2.329-2.183h-16.666V53.536c0-6.695 3.93-10.189 11.644-10.189h12.518c1.31 0 2.33-1.019 2.33-2.183V33.23c0-1.237-1.02-2.184-2.33-2.184h-7.423c-5.459-.072-9.752.947-12.591 3.567"/><path fill="#f26207" d="M0 7.565A7.566 7.566 0 0 1 7.565 0h35.306a7.566 7.566 0 0 1 7.565 7.565V40.35H7.566A7.566 7.566 0 0 1 0 32.783zM50.436 40.35h42.87a7.566 7.566 0 0 1 7.566 7.565v25.218a7.566 7.566 0 0 1-7.566 7.565h-42.87zM0 88.263a7.566 7.566 0 0 1 7.565-7.566h42.87v32.784a7.566 7.566 0 0 1-7.564 7.565H7.565A7.566 7.566 0 0 1 0 113.481z"/></svg>How to use the Replit icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:replit" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:replit" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:replit" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--replit]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:replit"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:replit"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/replit.svg" alt="Replit icon" width="24" height="24">Related icons in SVG Logos
Replit icon in other icon sets
Replit icon FAQ
Is the Replit 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 Replit icon in React?
Install @iconify/react and render <Icon icon="logos:replit" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Replit icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/replit.svg" alt="Replit icon">, or paste the SVG code inline to style it with CSS.