twinkly logo
twinkly from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- twinkly
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the twinkly logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.041 0H4.031C1.832 0 0 1.797 0 3.994v16.012C0 22.202 1.833 24 4.03 24h16.011C22.238 24 24 22.202 24 20.006V3.994C24 1.797 22.238 0 20.041 0m.41 10.376a3.2 3.2 0 0 1-.341.864c-.277.487-.591.861-.919 1.221a56 56 0 0 1-1.276 1.3a.12.12 0 0 0-.028.13c.135.336.613 1.394.627 2.8c.012 1.28-.157 2.164-.194 2.332c-.147.688-.854 1.061-1.515.974c-.041-.005-1.035-.096-3.094-1.287c-.71-.41-1.402-1.107-1.402-1.107l-.017.013c-1.59 1.65-3.82 2.734-3.82 2.734a1.727 1.727 0 0 1-2.315-.778c-.083-.167-.493-1.535-.22-3.841c.065-.543.419-1.818.45-1.913c-.121-.107-1.215-1.245-1.593-1.732c-1.35-1.736-1.296-2.47-1.296-2.47c.063-.946.92-1.369 1.094-1.463a5.7 5.7 0 0 1 3-.588A5.9 5.9 0 0 1 9.475 8c.585.24 1.121.555 1.59.935c.471.369.877.799 1.237 1.25a.18.18 0 0 1 .001.226a.175.175 0 0 1-.22.04l-.002-.001c-.979-.546-1.992-.946-2.985-1.048a5.2 5.2 0 0 0-1.44.043c-.357.065-.693.18-1.01.318a.057.057 0 0 0-.019.09c.213.232.907.988 2.486 1.952c.796.485 1.24 1.007.98 1.8c0 0-.73 2.074-.568 2.123c.16.048 2.087-1.505 2.087-1.505c.667-.452 1.457-.329 2.034.374c1.09 1.325 2.265 2.284 2.366 2.219c.101-.066-.135-1.687-.556-3.117c-.146-.496.066-.86.4-1.108c.31-.228 2.087-1.62 2.604-2.347c.238-.334.206-.464-.189-.6c-1.644-.565-3.38.028-3.38.028a.634.634 0 0 1-.82-.366a.6.6 0 0 1-.04-.198a8 8 0 0 0-.536-2.552c-.266-.672-.633-1.301-1.117-1.823a.062.062 0 0 0-.092.002a7 7 0 0 0-.863 1.21c-.465.854-.57 1.52-.674 1.856c-.013.044-.057.068-.106.08c-.092.025-.177-.054-.17-.149c.138-1.756 1.275-3.323 1.715-3.871c.126-.155.144-.197.304-.082l.037.021c.827.601 1.455 1.43 1.91 2.32a9 9 0 0 1 .72 1.946a.07.07 0 0 0 .087.049c.656-.2 1.342-.28 2.006-.27c.49.01.925.046 1.439.147c.276.06.546.146.843.31c.288.164.62.438.81.86c.195.42.184.877.108 1.214"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsTwinkly(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="M20.041 0H4.031C1.832 0 0 1.797 0 3.994v16.012C0 22.202 1.833 24 4.03 24h16.011C22.238 24 24 22.202 24 20.006V3.994C24 1.797 22.238 0 20.041 0m.41 10.376a3.2 3.2 0 0 1-.341.864c-.277.487-.591.861-.919 1.221a56 56 0 0 1-1.276 1.3a.12.12 0 0 0-.028.13c.135.336.613 1.394.627 2.8c.012 1.28-.157 2.164-.194 2.332c-.147.688-.854 1.061-1.515.974c-.041-.005-1.035-.096-3.094-1.287c-.71-.41-1.402-1.107-1.402-1.107l-.017.013c-1.59 1.65-3.82 2.734-3.82 2.734a1.727 1.727 0 0 1-2.315-.778c-.083-.167-.493-1.535-.22-3.841c.065-.543.419-1.818.45-1.913c-.121-.107-1.215-1.245-1.593-1.732c-1.35-1.736-1.296-2.47-1.296-2.47c.063-.946.92-1.369 1.094-1.463a5.7 5.7 0 0 1 3-.588A5.9 5.9 0 0 1 9.475 8c.585.24 1.121.555 1.59.935c.471.369.877.799 1.237 1.25a.18.18 0 0 1 .001.226a.175.175 0 0 1-.22.04l-.002-.001c-.979-.546-1.992-.946-2.985-1.048a5.2 5.2 0 0 0-1.44.043c-.357.065-.693.18-1.01.318a.057.057 0 0 0-.019.09c.213.232.907.988 2.486 1.952c.796.485 1.24 1.007.98 1.8c0 0-.73 2.074-.568 2.123c.16.048 2.087-1.505 2.087-1.505c.667-.452 1.457-.329 2.034.374c1.09 1.325 2.265 2.284 2.366 2.219c.101-.066-.135-1.687-.556-3.117c-.146-.496.066-.86.4-1.108c.31-.228 2.087-1.62 2.604-2.347c.238-.334.206-.464-.189-.6c-1.644-.565-3.38.028-3.38.028a.634.634 0 0 1-.82-.366a.6.6 0 0 1-.04-.198a8 8 0 0 0-.536-2.552c-.266-.672-.633-1.301-1.117-1.823a.062.062 0 0 0-.092.002a7 7 0 0 0-.863 1.21c-.465.854-.57 1.52-.674 1.856c-.013.044-.057.068-.106.08c-.092.025-.177-.054-.17-.149c.138-1.756 1.275-3.323 1.715-3.871c.126-.155.144-.197.304-.082l.037.021c.827.601 1.455 1.43 1.91 2.32a9 9 0 0 1 .72 1.946a.07.07 0 0 0 .087.049c.656-.2 1.342-.28 2.006-.27c.49.01.925.046 1.439.147c.276.06.546.146.843.31c.288.164.62.438.81.86c.195.42.184.877.108 1.214"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.041 0H4.031C1.832 0 0 1.797 0 3.994v16.012C0 22.202 1.833 24 4.03 24h16.011C22.238 24 24 22.202 24 20.006V3.994C24 1.797 22.238 0 20.041 0m.41 10.376a3.2 3.2 0 0 1-.341.864c-.277.487-.591.861-.919 1.221a56 56 0 0 1-1.276 1.3a.12.12 0 0 0-.028.13c.135.336.613 1.394.627 2.8c.012 1.28-.157 2.164-.194 2.332c-.147.688-.854 1.061-1.515.974c-.041-.005-1.035-.096-3.094-1.287c-.71-.41-1.402-1.107-1.402-1.107l-.017.013c-1.59 1.65-3.82 2.734-3.82 2.734a1.727 1.727 0 0 1-2.315-.778c-.083-.167-.493-1.535-.22-3.841c.065-.543.419-1.818.45-1.913c-.121-.107-1.215-1.245-1.593-1.732c-1.35-1.736-1.296-2.47-1.296-2.47c.063-.946.92-1.369 1.094-1.463a5.7 5.7 0 0 1 3-.588A5.9 5.9 0 0 1 9.475 8c.585.24 1.121.555 1.59.935c.471.369.877.799 1.237 1.25a.18.18 0 0 1 .001.226a.175.175 0 0 1-.22.04l-.002-.001c-.979-.546-1.992-.946-2.985-1.048a5.2 5.2 0 0 0-1.44.043c-.357.065-.693.18-1.01.318a.057.057 0 0 0-.019.09c.213.232.907.988 2.486 1.952c.796.485 1.24 1.007.98 1.8c0 0-.73 2.074-.568 2.123c.16.048 2.087-1.505 2.087-1.505c.667-.452 1.457-.329 2.034.374c1.09 1.325 2.265 2.284 2.366 2.219c.101-.066-.135-1.687-.556-3.117c-.146-.496.066-.86.4-1.108c.31-.228 2.087-1.62 2.604-2.347c.238-.334.206-.464-.189-.6c-1.644-.565-3.38.028-3.38.028a.634.634 0 0 1-.82-.366a.6.6 0 0 1-.04-.198a8 8 0 0 0-.536-2.552c-.266-.672-.633-1.301-1.117-1.823a.062.062 0 0 0-.092.002a7 7 0 0 0-.863 1.21c-.465.854-.57 1.52-.674 1.856c-.013.044-.057.068-.106.08c-.092.025-.177-.054-.17-.149c.138-1.756 1.275-3.323 1.715-3.871c.126-.155.144-.197.304-.082l.037.021c.827.601 1.455 1.43 1.91 2.32a9 9 0 0 1 .72 1.946a.07.07 0 0 0 .087.049c.656-.2 1.342-.28 2.006-.27c.49.01.925.046 1.439.147c.276.06.546.146.843.31c.288.164.62.438.81.86c.195.42.184.877.108 1.214"/></svg> </template>
CSS
.icon-twinkly {
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%22M20.041%200H4.031C1.832%200%200%201.797%200%203.994v16.012C0%2022.202%201.833%2024%204.03%2024h16.011C22.238%2024%2024%2022.202%2024%2020.006V3.994C24%201.797%2022.238%200%2020.041%200m.41%2010.376a3.2%203.2%200%200%201-.341.864c-.277.487-.591.861-.919%201.221a56%2056%200%200%201-1.276%201.3a.12.12%200%200%200-.028.13c.135.336.613%201.394.627%202.8c.012%201.28-.157%202.164-.194%202.332c-.147.688-.854%201.061-1.515.974c-.041-.005-1.035-.096-3.094-1.287c-.71-.41-1.402-1.107-1.402-1.107l-.017.013c-1.59%201.65-3.82%202.734-3.82%202.734a1.727%201.727%200%200%201-2.315-.778c-.083-.167-.493-1.535-.22-3.841c.065-.543.419-1.818.45-1.913c-.121-.107-1.215-1.245-1.593-1.732c-1.35-1.736-1.296-2.47-1.296-2.47c.063-.946.92-1.369%201.094-1.463a5.7%205.7%200%200%201%203-.588A5.9%205.9%200%200%201%209.475%208c.585.24%201.121.555%201.59.935c.471.369.877.799%201.237%201.25a.18.18%200%200%201%20.001.226a.175.175%200%200%201-.22.04l-.002-.001c-.979-.546-1.992-.946-2.985-1.048a5.2%205.2%200%200%200-1.44.043c-.357.065-.693.18-1.01.318a.057.057%200%200%200-.019.09c.213.232.907.988%202.486%201.952c.796.485%201.24%201.007.98%201.8c0%200-.73%202.074-.568%202.123c.16.048%202.087-1.505%202.087-1.505c.667-.452%201.457-.329%202.034.374c1.09%201.325%202.265%202.284%202.366%202.219c.101-.066-.135-1.687-.556-3.117c-.146-.496.066-.86.4-1.108c.31-.228%202.087-1.62%202.604-2.347c.238-.334.206-.464-.189-.6c-1.644-.565-3.38.028-3.38.028a.634.634%200%200%201-.82-.366a.6.6%200%200%201-.04-.198a8%208%200%200%200-.536-2.552c-.266-.672-.633-1.301-1.117-1.823a.062.062%200%200%200-.092.002a7%207%200%200%200-.863%201.21c-.465.854-.57%201.52-.674%201.856c-.013.044-.057.068-.106.08c-.092.025-.177-.054-.17-.149c.138-1.756%201.275-3.323%201.715-3.871c.126-.155.144-.197.304-.082l.037.021c.827.601%201.455%201.43%201.91%202.32a9%209%200%200%201%20.72%201.946a.07.07%200%200%200%20.087.049c.656-.2%201.342-.28%202.006-.27c.49.01.925.046%201.439.147c.276.06.546.146.843.31c.288.164.62.438.81.86c.195.42.184.877.108%201.214%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%22M20.041%200H4.031C1.832%200%200%201.797%200%203.994v16.012C0%2022.202%201.833%2024%204.03%2024h16.011C22.238%2024%2024%2022.202%2024%2020.006V3.994C24%201.797%2022.238%200%2020.041%200m.41%2010.376a3.2%203.2%200%200%201-.341.864c-.277.487-.591.861-.919%201.221a56%2056%200%200%201-1.276%201.3a.12.12%200%200%200-.028.13c.135.336.613%201.394.627%202.8c.012%201.28-.157%202.164-.194%202.332c-.147.688-.854%201.061-1.515.974c-.041-.005-1.035-.096-3.094-1.287c-.71-.41-1.402-1.107-1.402-1.107l-.017.013c-1.59%201.65-3.82%202.734-3.82%202.734a1.727%201.727%200%200%201-2.315-.778c-.083-.167-.493-1.535-.22-3.841c.065-.543.419-1.818.45-1.913c-.121-.107-1.215-1.245-1.593-1.732c-1.35-1.736-1.296-2.47-1.296-2.47c.063-.946.92-1.369%201.094-1.463a5.7%205.7%200%200%201%203-.588A5.9%205.9%200%200%201%209.475%208c.585.24%201.121.555%201.59.935c.471.369.877.799%201.237%201.25a.18.18%200%200%201%20.001.226a.175.175%200%200%201-.22.04l-.002-.001c-.979-.546-1.992-.946-2.985-1.048a5.2%205.2%200%200%200-1.44.043c-.357.065-.693.18-1.01.318a.057.057%200%200%200-.019.09c.213.232.907.988%202.486%201.952c.796.485%201.24%201.007.98%201.8c0%200-.73%202.074-.568%202.123c.16.048%202.087-1.505%202.087-1.505c.667-.452%201.457-.329%202.034.374c1.09%201.325%202.265%202.284%202.366%202.219c.101-.066-.135-1.687-.556-3.117c-.146-.496.066-.86.4-1.108c.31-.228%202.087-1.62%202.604-2.347c.238-.334.206-.464-.189-.6c-1.644-.565-3.38.028-3.38.028a.634.634%200%200%201-.82-.366a.6.6%200%200%201-.04-.198a8%208%200%200%200-.536-2.552c-.266-.672-.633-1.301-1.117-1.823a.062.062%200%200%200-.092.002a7%207%200%200%200-.863%201.21c-.465.854-.57%201.52-.674%201.856c-.013.044-.057.068-.106.08c-.092.025-.177-.054-.17-.149c.138-1.756%201.275-3.323%201.715-3.871c.126-.155.144-.197.304-.082l.037.021c.827.601%201.455%201.43%201.91%202.32a9%209%200%200%201%20.72%201.946a.07.07%200%200%200%20.087.049c.656-.2%201.342-.28%202.006-.27c.49.01.925.046%201.439.147c.276.06.546.146.843.31c.288.164.62.438.81.86c.195.42.184.877.108%201.214%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/twinkly.svg?color=%231a73e8&size=48
