tor browser logo
tor-browser from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- tor-browser
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
Use the tor browser logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGSYAajeNN" x1="50%" x2="50%" y1="100%" y2="0%"><stop offset="0%" stop-color="#420c5d"/><stop offset="100%" stop-color="#951ad1"/></linearGradient></defs><circle cx="128" cy="128" r="123" fill="#f2e4ff"/><path fill="url(#SVGSYAajeNN)" d="M128.263 232.72v-15.517c49.15-.142 88.947-40.02 88.947-89.207c0-49.182-39.797-89.06-88.947-89.203V23.277c57.72.145 104.46 46.968 104.46 104.72c0 57.755-46.74 104.58-104.46 104.723m0-54.31c27.722-.145 50.161-22.652 50.161-50.414c0-27.758-22.439-50.264-50.161-50.41V62.073c36.295.142 65.678 29.596 65.678 65.923c0 36.331-29.383 65.785-65.678 65.927zm0-77.55c14.87.141 26.888 12.23 26.888 27.136c0 14.91-12.018 27-26.888 27.141zM0 127.995C0 198.692 57.304 256 128 256c70.692 0 128-57.308 128-128.004C256 57.304 198.692 0 128 0C57.304 0 0 57.304 0 127.996"/><path fill="url(#SVGSYAajeNN)" d="M12.5 14.5c63.789 0 115.5 51.487 115.5 115s-51.711 115-115.5 115z" transform="matrix(-1 0 0 1 140.5 0)"/></svg>
React
import type { SVGProps } from "react";
export function LogosTorBrowser(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGSYAajeNN" x1="50%" x2="50%" y1="100%" y2="0%"><stop offset="0%" stopColor="#420c5d"/><stop offset="100%" stopColor="#951ad1"/></linearGradient></defs><circle cx="128" cy="128" r="123" fill="#f2e4ff"/><path fill="url(#SVGSYAajeNN)" d="M128.263 232.72v-15.517c49.15-.142 88.947-40.02 88.947-89.207c0-49.182-39.797-89.06-88.947-89.203V23.277c57.72.145 104.46 46.968 104.46 104.72c0 57.755-46.74 104.58-104.46 104.723m0-54.31c27.722-.145 50.161-22.652 50.161-50.414c0-27.758-22.439-50.264-50.161-50.41V62.073c36.295.142 65.678 29.596 65.678 65.923c0 36.331-29.383 65.785-65.678 65.927zm0-77.55c14.87.141 26.888 12.23 26.888 27.136c0 14.91-12.018 27-26.888 27.141zM0 127.995C0 198.692 57.304 256 128 256c70.692 0 128-57.308 128-128.004C256 57.304 198.692 0 128 0C57.304 0 0 57.304 0 127.996"/><path fill="url(#SVGSYAajeNN)" d="M12.5 14.5c63.789 0 115.5 51.487 115.5 115s-51.711 115-115.5 115z" transform="matrix(-1 0 0 1 140.5 0)"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGSYAajeNN" x1="50%" x2="50%" y1="100%" y2="0%"><stop offset="0%" stop-color="#420c5d"/><stop offset="100%" stop-color="#951ad1"/></linearGradient></defs><circle cx="128" cy="128" r="123" fill="#f2e4ff"/><path fill="url(#SVGSYAajeNN)" d="M128.263 232.72v-15.517c49.15-.142 88.947-40.02 88.947-89.207c0-49.182-39.797-89.06-88.947-89.203V23.277c57.72.145 104.46 46.968 104.46 104.72c0 57.755-46.74 104.58-104.46 104.723m0-54.31c27.722-.145 50.161-22.652 50.161-50.414c0-27.758-22.439-50.264-50.161-50.41V62.073c36.295.142 65.678 29.596 65.678 65.923c0 36.331-29.383 65.785-65.678 65.927zm0-77.55c14.87.141 26.888 12.23 26.888 27.136c0 14.91-12.018 27-26.888 27.141zM0 127.995C0 198.692 57.304 256 128 256c70.692 0 128-57.308 128-128.004C256 57.304 198.692 0 128 0C57.304 0 0 57.304 0 127.996"/><path fill="url(#SVGSYAajeNN)" d="M12.5 14.5c63.789 0 115.5 51.487 115.5 115s-51.711 115-115.5 115z" transform="matrix(-1 0 0 1 140.5 0)"/></svg> </template>
CSS
.icon-tor-browser {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGSYAajeNN%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%22100%25%22%20y2%3D%220%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23420c5d%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23951ad1%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D%22128%22%20cy%3D%22128%22%20r%3D%22123%22%20fill%3D%22%23f2e4ff%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGSYAajeNN)%22%20d%3D%22M128.263%20232.72v-15.517c49.15-.142%2088.947-40.02%2088.947-89.207c0-49.182-39.797-89.06-88.947-89.203V23.277c57.72.145%20104.46%2046.968%20104.46%20104.72c0%2057.755-46.74%20104.58-104.46%20104.723m0-54.31c27.722-.145%2050.161-22.652%2050.161-50.414c0-27.758-22.439-50.264-50.161-50.41V62.073c36.295.142%2065.678%2029.596%2065.678%2065.923c0%2036.331-29.383%2065.785-65.678%2065.927zm0-77.55c14.87.141%2026.888%2012.23%2026.888%2027.136c0%2014.91-12.018%2027-26.888%2027.141zM0%20127.995C0%20198.692%2057.304%20256%20128%20256c70.692%200%20128-57.308%20128-128.004C256%2057.304%20198.692%200%20128%200C57.304%200%200%2057.304%200%20127.996%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGSYAajeNN)%22%20d%3D%22M12.5%2014.5c63.789%200%20115.5%2051.487%20115.5%20115s-51.711%20115-115.5%20115z%22%20transform%3D%22matrix(-1%200%200%201%20140.5%200)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGSYAajeNN%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%22100%25%22%20y2%3D%220%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23420c5d%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23951ad1%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D%22128%22%20cy%3D%22128%22%20r%3D%22123%22%20fill%3D%22%23f2e4ff%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGSYAajeNN)%22%20d%3D%22M128.263%20232.72v-15.517c49.15-.142%2088.947-40.02%2088.947-89.207c0-49.182-39.797-89.06-88.947-89.203V23.277c57.72.145%20104.46%2046.968%20104.46%20104.72c0%2057.755-46.74%20104.58-104.46%20104.723m0-54.31c27.722-.145%2050.161-22.652%2050.161-50.414c0-27.758-22.439-50.264-50.161-50.41V62.073c36.295.142%2065.678%2029.596%2065.678%2065.923c0%2036.331-29.383%2065.785-65.678%2065.927zm0-77.55c14.87.141%2026.888%2012.23%2026.888%2027.136c0%2014.91-12.018%2027-26.888%2027.141zM0%20127.995C0%20198.692%2057.304%20256%20128%20256c70.692%200%20128-57.308%20128-128.004C256%2057.304%20198.692%200%20128%200C57.304%200%200%2057.304%200%20127.996%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGSYAajeNN)%22%20d%3D%22M12.5%2014.5c63.789%200%20115.5%2051.487%20115.5%20115s-51.711%20115-115.5%20115z%22%20transform%3D%22matrix(-1%200%200%201%20140.5%200)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/tor-browser.svg?color=%231a73e8&size=48
