Surfshark icon
Download the Surfshark logo as free SVG or PNG. Customize its outline stroke. Copy React, Vue or Svelte code.
- surfshark
- vpn
- security
- privacy
- network
- logo
- brand
- encryption
- vpn-service
- social
Size
Stroke
Color
- Category
- brand
- Styles
- Outline
- Component
- IconBrandSurfshark
- License
- MIT · Paweł Kuna
outline/brand-surfshark.svgCode
Copy it the way you use it
brand-surfshark.svg
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M19.954 9.447c-.237 -6.217 0 -6.217 -6 -6.425c-5.774 -.208 -6.824 1 -7.91 5.382c-2.884 11.816 -3.845 14.716 4.792 11.198c9.392 -3.831 9.297 -5.382 9.114 -10.155l.004 0" />
<path d="M8 16h.452c1.943 .007 3.526 -1.461 3.543 -3.286v-2.428c.018 -1.828 1.607 -3.298 3.553 -3.286h.452" />
</svg>Use the Surfshark icon
For a decorative icon beside text, add aria-hidden="true" to the SVG. For an icon-only control, put its accessible name on the button or link.
React example
import { IconBrandSurfshark } from '@tabler/icons-react';
<IconBrandSurfshark size={24} stroke={2} />Vue example
import { IconBrandSurfshark } from '@tabler/icons-vue';
<IconBrandSurfshark :size="24" :stroke="2" />Svelte 5 example
import { IconBrandSurfshark } from '@tabler/icons-svelte-runes';
<IconBrandSurfshark size={24} stroke={2} />Related