tangled logo

tangled from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
tangled
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the tangled logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.823 23.573c-.78-.006-1.376-.233-2.022-.629c-.926-.489-1.633-1.31-2.139-2.215c-.803 1-1.876 1.606-3.078 1.949c-.512.149-1.408.3-2.893-.24c-2.141-.721-3.7-2.956-3.524-5.232c-.032-.944.31-1.87.797-2.667c-1.297-.698-2.355-1.87-2.76-3.308c-.246-.787-.236-1.635-.145-2.444c.325-1.91 1.754-3.571 3.593-4.168c.734-1.678 2.336-2.93 4.15-3.184a5.5 5.5 0 0 1 3.507.699C12.845.425 15.521-.08 17.565.97c1.558.746 2.673 2.304 2.944 4.002c1.483.596 2.732 1.812 3.222 3.354c.328.956.339 2.008.126 2.989c-.379 1.53-1.456 2.833-2.85 3.545c.003.272.896 2.236.746 3.718c-.032 1.853-1.204 3.609-2.829 4.462c-.948.555-2.071.544-3.101.533M11.38 18.24c1.314-.147 2.176-1.296 2.845-2.331c.316-.472.558-1 .798-1.501c.311.286.575.825 1.068.954c.518.162 1.126.03 1.444-.442c.608-1.137.308-2.51-.046-3.687c-.218-.677-.504-1.371-1.048-1.85c.116-.822-.369-1.655-1.058-2.085c-.588.47-1.482.467-2.048-.036c-1.087 1.112-2.082 1.075-3.044.194c-.216-.198-.629 1.208-2.076.412c-.831.698-1.476 1.37-2.047 2.339c-.555 1.043-1.137 1.97-1.187 3.103c-.024.662.492 1.356 1.191 1.302c.699.063 1.174-.627 1.703-.914c.08.925.168 1.918.48 2.82c.357 1.168 1.616 1.91 2.808 1.74zm.682-3.486c-.64-.393-.332-1.246-.357-1.866c.063-.747.115-1.533.45-2.214c.354-.485 1.219-.298 1.257.325c-.025.626-.312 1.25-.278 1.9c-.074.542.054 1.151-.185 1.647c-.197.274-.596.354-.887.208m-2.792-.357c-.602-.328-.41-1.153-.505-1.726c.079-.663.013-1.505.567-1.97c.542-.38 1.28.27 1.023.865c-.273.753-.094 1.576-.088 2.339a.708.708 0 0 1-.997.492"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsTangled(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="M15.823 23.573c-.78-.006-1.376-.233-2.022-.629c-.926-.489-1.633-1.31-2.139-2.215c-.803 1-1.876 1.606-3.078 1.949c-.512.149-1.408.3-2.893-.24c-2.141-.721-3.7-2.956-3.524-5.232c-.032-.944.31-1.87.797-2.667c-1.297-.698-2.355-1.87-2.76-3.308c-.246-.787-.236-1.635-.145-2.444c.325-1.91 1.754-3.571 3.593-4.168c.734-1.678 2.336-2.93 4.15-3.184a5.5 5.5 0 0 1 3.507.699C12.845.425 15.521-.08 17.565.97c1.558.746 2.673 2.304 2.944 4.002c1.483.596 2.732 1.812 3.222 3.354c.328.956.339 2.008.126 2.989c-.379 1.53-1.456 2.833-2.85 3.545c.003.272.896 2.236.746 3.718c-.032 1.853-1.204 3.609-2.829 4.462c-.948.555-2.071.544-3.101.533M11.38 18.24c1.314-.147 2.176-1.296 2.845-2.331c.316-.472.558-1 .798-1.501c.311.286.575.825 1.068.954c.518.162 1.126.03 1.444-.442c.608-1.137.308-2.51-.046-3.687c-.218-.677-.504-1.371-1.048-1.85c.116-.822-.369-1.655-1.058-2.085c-.588.47-1.482.467-2.048-.036c-1.087 1.112-2.082 1.075-3.044.194c-.216-.198-.629 1.208-2.076.412c-.831.698-1.476 1.37-2.047 2.339c-.555 1.043-1.137 1.97-1.187 3.103c-.024.662.492 1.356 1.191 1.302c.699.063 1.174-.627 1.703-.914c.08.925.168 1.918.48 2.82c.357 1.168 1.616 1.91 2.808 1.74zm.682-3.486c-.64-.393-.332-1.246-.357-1.866c.063-.747.115-1.533.45-2.214c.354-.485 1.219-.298 1.257.325c-.025.626-.312 1.25-.278 1.9c-.074.542.054 1.151-.185 1.647c-.197.274-.596.354-.887.208m-2.792-.357c-.602-.328-.41-1.153-.505-1.726c.079-.663.013-1.505.567-1.97c.542-.38 1.28.27 1.023.865c-.273.753-.094 1.576-.088 2.339a.708.708 0 0 1-.997.492"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.823 23.573c-.78-.006-1.376-.233-2.022-.629c-.926-.489-1.633-1.31-2.139-2.215c-.803 1-1.876 1.606-3.078 1.949c-.512.149-1.408.3-2.893-.24c-2.141-.721-3.7-2.956-3.524-5.232c-.032-.944.31-1.87.797-2.667c-1.297-.698-2.355-1.87-2.76-3.308c-.246-.787-.236-1.635-.145-2.444c.325-1.91 1.754-3.571 3.593-4.168c.734-1.678 2.336-2.93 4.15-3.184a5.5 5.5 0 0 1 3.507.699C12.845.425 15.521-.08 17.565.97c1.558.746 2.673 2.304 2.944 4.002c1.483.596 2.732 1.812 3.222 3.354c.328.956.339 2.008.126 2.989c-.379 1.53-1.456 2.833-2.85 3.545c.003.272.896 2.236.746 3.718c-.032 1.853-1.204 3.609-2.829 4.462c-.948.555-2.071.544-3.101.533M11.38 18.24c1.314-.147 2.176-1.296 2.845-2.331c.316-.472.558-1 .798-1.501c.311.286.575.825 1.068.954c.518.162 1.126.03 1.444-.442c.608-1.137.308-2.51-.046-3.687c-.218-.677-.504-1.371-1.048-1.85c.116-.822-.369-1.655-1.058-2.085c-.588.47-1.482.467-2.048-.036c-1.087 1.112-2.082 1.075-3.044.194c-.216-.198-.629 1.208-2.076.412c-.831.698-1.476 1.37-2.047 2.339c-.555 1.043-1.137 1.97-1.187 3.103c-.024.662.492 1.356 1.191 1.302c.699.063 1.174-.627 1.703-.914c.08.925.168 1.918.48 2.82c.357 1.168 1.616 1.91 2.808 1.74zm.682-3.486c-.64-.393-.332-1.246-.357-1.866c.063-.747.115-1.533.45-2.214c.354-.485 1.219-.298 1.257.325c-.025.626-.312 1.25-.278 1.9c-.074.542.054 1.151-.185 1.647c-.197.274-.596.354-.887.208m-2.792-.357c-.602-.328-.41-1.153-.505-1.726c.079-.663.013-1.505.567-1.97c.542-.38 1.28.27 1.023.865c-.273.753-.094 1.576-.088 2.339a.708.708 0 0 1-.997.492"/></svg>
</template>

CSS

.icon-tangled {
  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%22M15.823%2023.573c-.78-.006-1.376-.233-2.022-.629c-.926-.489-1.633-1.31-2.139-2.215c-.803%201-1.876%201.606-3.078%201.949c-.512.149-1.408.3-2.893-.24c-2.141-.721-3.7-2.956-3.524-5.232c-.032-.944.31-1.87.797-2.667c-1.297-.698-2.355-1.87-2.76-3.308c-.246-.787-.236-1.635-.145-2.444c.325-1.91%201.754-3.571%203.593-4.168c.734-1.678%202.336-2.93%204.15-3.184a5.5%205.5%200%200%201%203.507.699C12.845.425%2015.521-.08%2017.565.97c1.558.746%202.673%202.304%202.944%204.002c1.483.596%202.732%201.812%203.222%203.354c.328.956.339%202.008.126%202.989c-.379%201.53-1.456%202.833-2.85%203.545c.003.272.896%202.236.746%203.718c-.032%201.853-1.204%203.609-2.829%204.462c-.948.555-2.071.544-3.101.533M11.38%2018.24c1.314-.147%202.176-1.296%202.845-2.331c.316-.472.558-1%20.798-1.501c.311.286.575.825%201.068.954c.518.162%201.126.03%201.444-.442c.608-1.137.308-2.51-.046-3.687c-.218-.677-.504-1.371-1.048-1.85c.116-.822-.369-1.655-1.058-2.085c-.588.47-1.482.467-2.048-.036c-1.087%201.112-2.082%201.075-3.044.194c-.216-.198-.629%201.208-2.076.412c-.831.698-1.476%201.37-2.047%202.339c-.555%201.043-1.137%201.97-1.187%203.103c-.024.662.492%201.356%201.191%201.302c.699.063%201.174-.627%201.703-.914c.08.925.168%201.918.48%202.82c.357%201.168%201.616%201.91%202.808%201.74zm.682-3.486c-.64-.393-.332-1.246-.357-1.866c.063-.747.115-1.533.45-2.214c.354-.485%201.219-.298%201.257.325c-.025.626-.312%201.25-.278%201.9c-.074.542.054%201.151-.185%201.647c-.197.274-.596.354-.887.208m-2.792-.357c-.602-.328-.41-1.153-.505-1.726c.079-.663.013-1.505.567-1.97c.542-.38%201.28.27%201.023.865c-.273.753-.094%201.576-.088%202.339a.708.708%200%200%201-.997.492%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%22M15.823%2023.573c-.78-.006-1.376-.233-2.022-.629c-.926-.489-1.633-1.31-2.139-2.215c-.803%201-1.876%201.606-3.078%201.949c-.512.149-1.408.3-2.893-.24c-2.141-.721-3.7-2.956-3.524-5.232c-.032-.944.31-1.87.797-2.667c-1.297-.698-2.355-1.87-2.76-3.308c-.246-.787-.236-1.635-.145-2.444c.325-1.91%201.754-3.571%203.593-4.168c.734-1.678%202.336-2.93%204.15-3.184a5.5%205.5%200%200%201%203.507.699C12.845.425%2015.521-.08%2017.565.97c1.558.746%202.673%202.304%202.944%204.002c1.483.596%202.732%201.812%203.222%203.354c.328.956.339%202.008.126%202.989c-.379%201.53-1.456%202.833-2.85%203.545c.003.272.896%202.236.746%203.718c-.032%201.853-1.204%203.609-2.829%204.462c-.948.555-2.071.544-3.101.533M11.38%2018.24c1.314-.147%202.176-1.296%202.845-2.331c.316-.472.558-1%20.798-1.501c.311.286.575.825%201.068.954c.518.162%201.126.03%201.444-.442c.608-1.137.308-2.51-.046-3.687c-.218-.677-.504-1.371-1.048-1.85c.116-.822-.369-1.655-1.058-2.085c-.588.47-1.482.467-2.048-.036c-1.087%201.112-2.082%201.075-3.044.194c-.216-.198-.629%201.208-2.076.412c-.831.698-1.476%201.37-2.047%202.339c-.555%201.043-1.137%201.97-1.187%203.103c-.024.662.492%201.356%201.191%201.302c.699.063%201.174-.627%201.703-.914c.08.925.168%201.918.48%202.82c.357%201.168%201.616%201.91%202.808%201.74zm.682-3.486c-.64-.393-.332-1.246-.357-1.866c.063-.747.115-1.533.45-2.214c.354-.485%201.219-.298%201.257.325c-.025.626-.312%201.25-.278%201.9c-.074.542.054%201.151-.185%201.647c-.197.274-.596.354-.887.208m-2.792-.357c-.602-.328-.41-1.153-.505-1.726c.079-.663.013-1.505.567-1.97c.542-.38%201.28.27%201.023.865c-.273.753-.094%201.576-.088%202.339a.708.708%200%200%201-.997.492%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/tangled.svg?color=%231a73e8&size=48