Tor Browser icon
selfhst:tor-browser
The Tor Browser icon (selfhst:tor-browser) 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
- Tags
- torbrowser
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><circle cx="256" cy="256" r="246" fill="#f2e4ff"/><linearGradient id="SVGfiG6OUkY" x1="-701.127" x2="-701.127" y1="795.447" y2="796.447" gradientTransform="matrix(512 0 0 -512 359233 407781)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#420c5d"/><stop offset="1" stop-color="#951ad1"/></linearGradient><path fill="url(#SVGfiG6OUkY)" fill-rule="evenodd" d="M256.5 465.4v-31c98.3-.3 177.9-80 177.9-178.4S354.8 77.9 256.5 77.6v-31c115.5.2 208.9 93.9 208.9 209.4S372 465.2 256.5 465.4m0-108.6c55.4-.3 100.3-45.3 100.3-100.8s-44.9-100.5-100.3-100.8v-31c72.6.3 131.4 59.2 131.4 131.8c0 72.7-58.8 131.6-131.4 131.9zm0-155.1c29.7.3 53.8 24.5 53.8 54.3s-24 54-53.8 54.3zM0 256c0 141.4 114.6 256 256 256s256-114.6 256-256S397.4 0 256 0S0 114.6 0 256"/><linearGradient id="SVGpTXgDbiO" x1="-705.543" x2="-705.543" y1="795.385" y2="796.385" gradientTransform="matrix(-231 0 0 -460 -162840 366366)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#420c5d"/><stop offset="1" stop-color="#951ad1"/></linearGradient><path fill="url(#SVGpTXgDbiO)" fill-rule="evenodd" d="M256 29C128.4 29 25 132 25 259s103.4 230 231 230z"/></svg>
How to use the Tor Browser icon
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:tor-browser" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:tor-browser" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:tor-browser" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--tor-browser]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:tor-browser"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:tor-browser"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/selfhst/tor-browser.svg" alt="Tor Browser icon" width="24" height="24">
Related icons in selfh.st/icons
Tor Browser icon in other icon sets
Tor Browser icon FAQ
Is the Tor Browser 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 Tor Browser icon in React?
Install @iconify/react and render <Icon icon="selfhst:tor-browser" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Tor Browser icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/selfhst/tor-browser.svg" alt="Tor Browser icon">, or paste the SVG code inline to style it with CSS.
Browse all selfh.st/icons →
ICONYZ
