disroot logo
disroot from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- disroot
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the disroot logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.976 2.856C2.321 3.296.603 4.491.122 5.536c-.144.315-.164.885-.04 1.133c.178.35.343.384 1.387.24c.817-.11 1.085-.117 1.985-.055c1.106.076 1.594.213 1.882.522c.172.179 3.75 9.033 3.813 9.418c.11.694-.234 1.312-1.189 2.143c-.797.687-.927.907-.824 1.381c.151.666.508.982 1.113.982c.508 0 2.095-.268 3.297-.55c3.476-.817 6.437-1.923 8.504-3.173c1.944-1.168 3.25-2.555 3.765-3.984c.15-.433.178-.618.185-1.326c0-.975-.11-1.38-.536-1.958c-.858-1.16-1.8-2.005-3.338-2.988c-2.96-1.902-3.778-2.294-6.67-3.215c-2.521-.803-5.358-1.318-7.728-1.394c-1.017-.027-1.147-.02-1.752.144m9.411 6.526c1.477.563 2.823 1.47 4.554 3.07c.838.777 1.024 1.072 1.058 1.732c.076 1.23-.597 2.033-2.088 2.507c-.708.22-2.191.536-2.253.474c-.02-.014 0-.13.041-.254c.048-.13.062-.447.048-.749c-.027-.433-.096-.68-.364-1.319c-.179-.433-.708-1.91-1.175-3.283l-.851-2.5l.22.047c.123.028.487.151.81.275"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsDisroot(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.976 2.856C2.321 3.296.603 4.491.122 5.536c-.144.315-.164.885-.04 1.133c.178.35.343.384 1.387.24c.817-.11 1.085-.117 1.985-.055c1.106.076 1.594.213 1.882.522c.172.179 3.75 9.033 3.813 9.418c.11.694-.234 1.312-1.189 2.143c-.797.687-.927.907-.824 1.381c.151.666.508.982 1.113.982c.508 0 2.095-.268 3.297-.55c3.476-.817 6.437-1.923 8.504-3.173c1.944-1.168 3.25-2.555 3.765-3.984c.15-.433.178-.618.185-1.326c0-.975-.11-1.38-.536-1.958c-.858-1.16-1.8-2.005-3.338-2.988c-2.96-1.902-3.778-2.294-6.67-3.215c-2.521-.803-5.358-1.318-7.728-1.394c-1.017-.027-1.147-.02-1.752.144m9.411 6.526c1.477.563 2.823 1.47 4.554 3.07c.838.777 1.024 1.072 1.058 1.732c.076 1.23-.597 2.033-2.088 2.507c-.708.22-2.191.536-2.253.474c-.02-.014 0-.13.041-.254c.048-.13.062-.447.048-.749c-.027-.433-.096-.68-.364-1.319c-.179-.433-.708-1.91-1.175-3.283l-.851-2.5l.22.047c.123.028.487.151.81.275"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.976 2.856C2.321 3.296.603 4.491.122 5.536c-.144.315-.164.885-.04 1.133c.178.35.343.384 1.387.24c.817-.11 1.085-.117 1.985-.055c1.106.076 1.594.213 1.882.522c.172.179 3.75 9.033 3.813 9.418c.11.694-.234 1.312-1.189 2.143c-.797.687-.927.907-.824 1.381c.151.666.508.982 1.113.982c.508 0 2.095-.268 3.297-.55c3.476-.817 6.437-1.923 8.504-3.173c1.944-1.168 3.25-2.555 3.765-3.984c.15-.433.178-.618.185-1.326c0-.975-.11-1.38-.536-1.958c-.858-1.16-1.8-2.005-3.338-2.988c-2.96-1.902-3.778-2.294-6.67-3.215c-2.521-.803-5.358-1.318-7.728-1.394c-1.017-.027-1.147-.02-1.752.144m9.411 6.526c1.477.563 2.823 1.47 4.554 3.07c.838.777 1.024 1.072 1.058 1.732c.076 1.23-.597 2.033-2.088 2.507c-.708.22-2.191.536-2.253.474c-.02-.014 0-.13.041-.254c.048-.13.062-.447.048-.749c-.027-.433-.096-.68-.364-1.319c-.179-.433-.708-1.91-1.175-3.283l-.851-2.5l.22.047c.123.028.487.151.81.275"/></svg> </template>
CSS
.icon-disroot {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.976%202.856C2.321%203.296.603%204.491.122%205.536c-.144.315-.164.885-.04%201.133c.178.35.343.384%201.387.24c.817-.11%201.085-.117%201.985-.055c1.106.076%201.594.213%201.882.522c.172.179%203.75%209.033%203.813%209.418c.11.694-.234%201.312-1.189%202.143c-.797.687-.927.907-.824%201.381c.151.666.508.982%201.113.982c.508%200%202.095-.268%203.297-.55c3.476-.817%206.437-1.923%208.504-3.173c1.944-1.168%203.25-2.555%203.765-3.984c.15-.433.178-.618.185-1.326c0-.975-.11-1.38-.536-1.958c-.858-1.16-1.8-2.005-3.338-2.988c-2.96-1.902-3.778-2.294-6.67-3.215c-2.521-.803-5.358-1.318-7.728-1.394c-1.017-.027-1.147-.02-1.752.144m9.411%206.526c1.477.563%202.823%201.47%204.554%203.07c.838.777%201.024%201.072%201.058%201.732c.076%201.23-.597%202.033-2.088%202.507c-.708.22-2.191.536-2.253.474c-.02-.014%200-.13.041-.254c.048-.13.062-.447.048-.749c-.027-.433-.096-.68-.364-1.319c-.179-.433-.708-1.91-1.175-3.283l-.851-2.5l.22.047c.123.028.487.151.81.275%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.976%202.856C2.321%203.296.603%204.491.122%205.536c-.144.315-.164.885-.04%201.133c.178.35.343.384%201.387.24c.817-.11%201.085-.117%201.985-.055c1.106.076%201.594.213%201.882.522c.172.179%203.75%209.033%203.813%209.418c.11.694-.234%201.312-1.189%202.143c-.797.687-.927.907-.824%201.381c.151.666.508.982%201.113.982c.508%200%202.095-.268%203.297-.55c3.476-.817%206.437-1.923%208.504-3.173c1.944-1.168%203.25-2.555%203.765-3.984c.15-.433.178-.618.185-1.326c0-.975-.11-1.38-.536-1.958c-.858-1.16-1.8-2.005-3.338-2.988c-2.96-1.902-3.778-2.294-6.67-3.215c-2.521-.803-5.358-1.318-7.728-1.394c-1.017-.027-1.147-.02-1.752.144m9.411%206.526c1.477.563%202.823%201.47%204.554%203.07c.838.777%201.024%201.072%201.058%201.732c.076%201.23-.597%202.033-2.088%202.507c-.708.22-2.191.536-2.253.474c-.02-.014%200-.13.041-.254c.048-.13.062-.447.048-.749c-.027-.433-.096-.68-.364-1.319c-.179-.433-.708-1.91-1.175-3.283l-.851-2.5l.22.047c.123.028.487.151.81.275%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/disroot.svg?color=%231a73e8&size=48
