Pairdrop icon
selfhst:pairdrop
The Pairdrop icon (selfhst:pairdrop) is a free SVG icon from the selfh.st/icons set by selfh.st. It is drawn on a 512 × 512 grid. selfh.st/icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- selfh.st/icons
- Author
- selfh.st
- License
- CC-BY-4.0
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVG1ULwzb7T" x1="1.309" x2="510.691" y1="403.046" y2="108.954" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#285195"/><stop offset="1" stop-color="#4183f1"/></linearGradient><path fill="url(#SVG1ULwzb7T)" d="M360 512H152C68.1 512 0 443.9 0 360V152C0 68.1 68.1 0 152 0h208c83.9 0 152 68.1 152 152v208c0 83.9-68.1 152-152 152"/><path fill="#fff" d="M256 214.2c-23.1 0-42 18.9-42 42s18.9 42 42 42s42-18.9 42-42s-18.9-42-42-42m126.1 42c0-69.6-56.6-126.1-126.1-126.1s-126.1 56.6-126.1 126.1c0 46.7 25.4 87.2 63.1 109.1l21-36.6c-25-14.7-42-41.4-42-72.5c0-46.5 37.6-84.1 84.1-84.1s84.1 37.6 84.1 84.1c0 31.1-17 57.8-42 72.5l21 36.6c37.5-21.8 62.9-62.4 62.9-109.1M256 46C139.9 46 45.8 140.2 45.8 256.2c0 77.8 42.3 145.5 104.9 181.9l21-36.4c-50-29.2-83.9-83.3-83.9-145.5C87.8 163.3 163.1 88 256 88s168.2 75.3 168.2 168.2c0 62.2-33.8 116.3-84.1 145.5l21 36.4C424 401.7 466.2 334 466.2 256.2C466.2 140.2 372.1 46 256 46"/></svg>How to use the Pairdrop icon
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:pairdrop" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:pairdrop" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:pairdrop" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--pairdrop]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:pairdrop"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:pairdrop"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/selfhst/pairdrop.svg" alt="Pairdrop icon" width="24" height="24">Related icons in selfh.st/icons
Pairdrop icon in other icon sets
Pairdrop icon FAQ
Is the Pairdrop icon free for commercial use?
Yes. selfh.st/icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Pairdrop icon in React?
Install @iconify/react and render <Icon icon="selfhst:pairdrop" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Pairdrop icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/selfhst/pairdrop.svg" alt="Pairdrop icon">, or paste the SVG code inline to style it with CSS.