F Droid icon
thesvg:f-droid
The F Droid icon (thesvg:f-droid) is a free SVG icon from the theSVG set by thesvg.org. It is drawn on a 24 × 24 grid. theSVG 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
- theSVG
- Author
- thesvg.org
- License
- MIT
- Size
- 24 × 24
- Tags
- fdroid
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.472 10.081H3.528a1.59 1.59 0 0 0-1.589 1.589v10.59a1.59 1.59 0 0 0 1.589 1.589h16.944a1.59 1.59 0 0 0 1.589-1.589V11.67a1.59 1.59 0 0 0-1.589-1.589M12 22.525c-3.066 0-5.56-2.494-5.56-5.56s2.494-5.56 5.56-5.56s5.56 2.494 5.56 5.56s-2.494 5.56-5.56 5.56m0-10.114c-2.511 0-4.554 2.043-4.554 4.554S9.489 21.519 12 21.519s4.554-2.043 4.554-4.554s-2.043-4.554-4.554-4.554m0 7.863a3.32 3.32 0 0 1-3.221-2.568h1.67c.275.581.859.979 1.551.979c.96 0 1.721-.761 1.721-1.721S12.96 15.243 12 15.243a1.7 1.7 0 0 0-1.493.874H8.805A3.32 3.32 0 0 1 12 13.655a3.32 3.32 0 0 1 3.309 3.309A3.32 3.32 0 0 1 12 20.274M23.849.396l-.002.003l-.006-.005l.004-.004a.67.67 0 0 0-.519-.238a.65.65 0 0 0-.512.259l-1.818 2.353a1.6 1.6 0 0 0-.523-.095H3.528c-.184 0-.358.038-.523.095L1.187.41A.657.657 0 0 0 .156.389L.16.393L.153.399L.151.396a.66.66 0 0 0-.012.824l1.909 2.471a1.6 1.6 0 0 0-.108.566v3.707a1.59 1.59 0 0 0 1.589 1.589h16.944a1.59 1.59 0 0 0 1.589-1.589V4.257c0-.2-.041-.39-.109-.566l1.909-2.471a.66.66 0 0 0-.013-.824M6.904 8.228a1.787 1.787 0 1 1 0-3.574a1.787 1.787 0 0 1 0 3.574m10.325 0a1.787 1.787 0 1 1 0-3.574a1.787 1.787 0 0 1 0 3.574"/></svg>
How to use the F Droid icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:f-droid" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:f-droid" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:f-droid" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--f-droid]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:f-droid"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:f-droid"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/thesvg/f-droid.svg" alt="F Droid icon" width="24" height="24">
F Droid icon in other icon sets
F Droid icon FAQ
Is the F Droid icon free for commercial use?
Yes. theSVG icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the F Droid icon in React?
Install @iconify/react and render <Icon icon="thesvg:f-droid" />, or use “Copy code” on this page to get a standalone React component.
How do I add the F Droid icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg/f-droid.svg" alt="F Droid icon">, or paste the SVG code inline to style it with CSS.
Browse all theSVG icons →
ICONYZ
