juce logo
juce from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- juce
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the juce logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.383 0 0 5.383 0 12s5.383 12 12 12s12-5.383 12-12S18.617 0 12 0m0 22.402c-5.744 0-10.417-4.667-10.417-10.404S6.256 1.595 12 1.595s10.417 4.666 10.417 10.403S17.744 22.402 12 22.402m8.097-5.04a9.8 9.8 0 0 1-2.5 2.572a1.23 1.23 0 0 1-1.787-.42c-.97-1.794-1.75-3.59-2.468-5.391a.504.504 0 0 1 .669-.648c1.729.749 3.503 1.46 5.414 2.04a1.227 1.227 0 0 1 .672 1.847m1.615-5.36q0 .895-.156 1.746a1.235 1.235 0 0 1-1.559.97c-2.01-.583-3.87-1.324-5.687-2.111l.002.001a.503.503 0 0 1 .013-.93c1.802-.713 3.606-1.48 5.416-2.437c.727-.385 1.62.04 1.782.846c.124.619.19 1.26.19 1.915zm-6.847 7.713c.383.726-.04 1.61-.842 1.78a9.7 9.7 0 0 1-2.021.212a9.7 9.7 0 0 1-1.607-.132a1.233 1.233 0 0 1-.98-1.56c.583-2.003 1.322-3.854 2.107-5.666a.503.503 0 0 1 .93.014h.002c.704 1.78 1.468 3.565 2.411 5.352M9.181 4.276a1.232 1.232 0 0 1 .844-1.782a9.7 9.7 0 0 1 3.692-.05c.722.129 1.176.852.973 1.557c-.585 2.028-1.33 3.9-2.125 5.73a.503.503 0 0 1-.93-.013h-.001c-.715-1.81-1.49-3.623-2.453-5.442m-5.374 2.51a9.8 9.8 0 0 1 2.635-2.747a1.233 1.233 0 0 1 1.787.42c1.021 1.88 1.83 3.763 2.578 5.65a.504.504 0 0 1-.668.648c-1.802-.783-3.644-1.53-5.64-2.13a1.234 1.234 0 0 1-.692-1.842zm6.864 7.223c-.763 1.753-1.486 3.55-2.072 5.488a1.23 1.23 0 0 1-1.838.679a9.8 9.8 0 0 1-2.662-2.53a1.23 1.23 0 0 1 .414-1.794c1.834-.99 3.67-1.783 5.51-2.513a.504.504 0 0 1 .648.668zm2.72-3.872c.775-1.777 1.51-3.6 2.103-5.57a1.23 1.23 0 0 1 1.85-.672A9.8 9.8 0 0 1 20 6.497a1.23 1.23 0 0 1-.425 1.779c-1.842.998-3.688 1.796-5.538 2.53a.504.504 0 0 1-.648-.67zm-9.098 4.78a1.23 1.23 0 0 1-1.773-.81a9.7 9.7 0 0 1-.103-3.683a1.234 1.234 0 0 1 1.56-.981c2.02.584 3.888 1.328 5.713 2.119a.503.503 0 0 1-.014.93c-1.79.71-3.585 1.474-5.383 2.425"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsJuce(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="M12 0C5.383 0 0 5.383 0 12s5.383 12 12 12s12-5.383 12-12S18.617 0 12 0m0 22.402c-5.744 0-10.417-4.667-10.417-10.404S6.256 1.595 12 1.595s10.417 4.666 10.417 10.403S17.744 22.402 12 22.402m8.097-5.04a9.8 9.8 0 0 1-2.5 2.572a1.23 1.23 0 0 1-1.787-.42c-.97-1.794-1.75-3.59-2.468-5.391a.504.504 0 0 1 .669-.648c1.729.749 3.503 1.46 5.414 2.04a1.227 1.227 0 0 1 .672 1.847m1.615-5.36q0 .895-.156 1.746a1.235 1.235 0 0 1-1.559.97c-2.01-.583-3.87-1.324-5.687-2.111l.002.001a.503.503 0 0 1 .013-.93c1.802-.713 3.606-1.48 5.416-2.437c.727-.385 1.62.04 1.782.846c.124.619.19 1.26.19 1.915zm-6.847 7.713c.383.726-.04 1.61-.842 1.78a9.7 9.7 0 0 1-2.021.212a9.7 9.7 0 0 1-1.607-.132a1.233 1.233 0 0 1-.98-1.56c.583-2.003 1.322-3.854 2.107-5.666a.503.503 0 0 1 .93.014h.002c.704 1.78 1.468 3.565 2.411 5.352M9.181 4.276a1.232 1.232 0 0 1 .844-1.782a9.7 9.7 0 0 1 3.692-.05c.722.129 1.176.852.973 1.557c-.585 2.028-1.33 3.9-2.125 5.73a.503.503 0 0 1-.93-.013h-.001c-.715-1.81-1.49-3.623-2.453-5.442m-5.374 2.51a9.8 9.8 0 0 1 2.635-2.747a1.233 1.233 0 0 1 1.787.42c1.021 1.88 1.83 3.763 2.578 5.65a.504.504 0 0 1-.668.648c-1.802-.783-3.644-1.53-5.64-2.13a1.234 1.234 0 0 1-.692-1.842zm6.864 7.223c-.763 1.753-1.486 3.55-2.072 5.488a1.23 1.23 0 0 1-1.838.679a9.8 9.8 0 0 1-2.662-2.53a1.23 1.23 0 0 1 .414-1.794c1.834-.99 3.67-1.783 5.51-2.513a.504.504 0 0 1 .648.668zm2.72-3.872c.775-1.777 1.51-3.6 2.103-5.57a1.23 1.23 0 0 1 1.85-.672A9.8 9.8 0 0 1 20 6.497a1.23 1.23 0 0 1-.425 1.779c-1.842.998-3.688 1.796-5.538 2.53a.504.504 0 0 1-.648-.67zm-9.098 4.78a1.23 1.23 0 0 1-1.773-.81a9.7 9.7 0 0 1-.103-3.683a1.234 1.234 0 0 1 1.56-.981c2.02.584 3.888 1.328 5.713 2.119a.503.503 0 0 1-.014.93c-1.79.71-3.585 1.474-5.383 2.425"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.383 0 0 5.383 0 12s5.383 12 12 12s12-5.383 12-12S18.617 0 12 0m0 22.402c-5.744 0-10.417-4.667-10.417-10.404S6.256 1.595 12 1.595s10.417 4.666 10.417 10.403S17.744 22.402 12 22.402m8.097-5.04a9.8 9.8 0 0 1-2.5 2.572a1.23 1.23 0 0 1-1.787-.42c-.97-1.794-1.75-3.59-2.468-5.391a.504.504 0 0 1 .669-.648c1.729.749 3.503 1.46 5.414 2.04a1.227 1.227 0 0 1 .672 1.847m1.615-5.36q0 .895-.156 1.746a1.235 1.235 0 0 1-1.559.97c-2.01-.583-3.87-1.324-5.687-2.111l.002.001a.503.503 0 0 1 .013-.93c1.802-.713 3.606-1.48 5.416-2.437c.727-.385 1.62.04 1.782.846c.124.619.19 1.26.19 1.915zm-6.847 7.713c.383.726-.04 1.61-.842 1.78a9.7 9.7 0 0 1-2.021.212a9.7 9.7 0 0 1-1.607-.132a1.233 1.233 0 0 1-.98-1.56c.583-2.003 1.322-3.854 2.107-5.666a.503.503 0 0 1 .93.014h.002c.704 1.78 1.468 3.565 2.411 5.352M9.181 4.276a1.232 1.232 0 0 1 .844-1.782a9.7 9.7 0 0 1 3.692-.05c.722.129 1.176.852.973 1.557c-.585 2.028-1.33 3.9-2.125 5.73a.503.503 0 0 1-.93-.013h-.001c-.715-1.81-1.49-3.623-2.453-5.442m-5.374 2.51a9.8 9.8 0 0 1 2.635-2.747a1.233 1.233 0 0 1 1.787.42c1.021 1.88 1.83 3.763 2.578 5.65a.504.504 0 0 1-.668.648c-1.802-.783-3.644-1.53-5.64-2.13a1.234 1.234 0 0 1-.692-1.842zm6.864 7.223c-.763 1.753-1.486 3.55-2.072 5.488a1.23 1.23 0 0 1-1.838.679a9.8 9.8 0 0 1-2.662-2.53a1.23 1.23 0 0 1 .414-1.794c1.834-.99 3.67-1.783 5.51-2.513a.504.504 0 0 1 .648.668zm2.72-3.872c.775-1.777 1.51-3.6 2.103-5.57a1.23 1.23 0 0 1 1.85-.672A9.8 9.8 0 0 1 20 6.497a1.23 1.23 0 0 1-.425 1.779c-1.842.998-3.688 1.796-5.538 2.53a.504.504 0 0 1-.648-.67zm-9.098 4.78a1.23 1.23 0 0 1-1.773-.81a9.7 9.7 0 0 1-.103-3.683a1.234 1.234 0 0 1 1.56-.981c2.02.584 3.888 1.328 5.713 2.119a.503.503 0 0 1-.014.93c-1.79.71-3.585 1.474-5.383 2.425"/></svg> </template>
CSS
.icon-juce {
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%22M12%200C5.383%200%200%205.383%200%2012s5.383%2012%2012%2012s12-5.383%2012-12S18.617%200%2012%200m0%2022.402c-5.744%200-10.417-4.667-10.417-10.404S6.256%201.595%2012%201.595s10.417%204.666%2010.417%2010.403S17.744%2022.402%2012%2022.402m8.097-5.04a9.8%209.8%200%200%201-2.5%202.572a1.23%201.23%200%200%201-1.787-.42c-.97-1.794-1.75-3.59-2.468-5.391a.504.504%200%200%201%20.669-.648c1.729.749%203.503%201.46%205.414%202.04a1.227%201.227%200%200%201%20.672%201.847m1.615-5.36q0%20.895-.156%201.746a1.235%201.235%200%200%201-1.559.97c-2.01-.583-3.87-1.324-5.687-2.111l.002.001a.503.503%200%200%201%20.013-.93c1.802-.713%203.606-1.48%205.416-2.437c.727-.385%201.62.04%201.782.846c.124.619.19%201.26.19%201.915zm-6.847%207.713c.383.726-.04%201.61-.842%201.78a9.7%209.7%200%200%201-2.021.212a9.7%209.7%200%200%201-1.607-.132a1.233%201.233%200%200%201-.98-1.56c.583-2.003%201.322-3.854%202.107-5.666a.503.503%200%200%201%20.93.014h.002c.704%201.78%201.468%203.565%202.411%205.352M9.181%204.276a1.232%201.232%200%200%201%20.844-1.782a9.7%209.7%200%200%201%203.692-.05c.722.129%201.176.852.973%201.557c-.585%202.028-1.33%203.9-2.125%205.73a.503.503%200%200%201-.93-.013h-.001c-.715-1.81-1.49-3.623-2.453-5.442m-5.374%202.51a9.8%209.8%200%200%201%202.635-2.747a1.233%201.233%200%200%201%201.787.42c1.021%201.88%201.83%203.763%202.578%205.65a.504.504%200%200%201-.668.648c-1.802-.783-3.644-1.53-5.64-2.13a1.234%201.234%200%200%201-.692-1.842zm6.864%207.223c-.763%201.753-1.486%203.55-2.072%205.488a1.23%201.23%200%200%201-1.838.679a9.8%209.8%200%200%201-2.662-2.53a1.23%201.23%200%200%201%20.414-1.794c1.834-.99%203.67-1.783%205.51-2.513a.504.504%200%200%201%20.648.668zm2.72-3.872c.775-1.777%201.51-3.6%202.103-5.57a1.23%201.23%200%200%201%201.85-.672A9.8%209.8%200%200%201%2020%206.497a1.23%201.23%200%200%201-.425%201.779c-1.842.998-3.688%201.796-5.538%202.53a.504.504%200%200%201-.648-.67zm-9.098%204.78a1.23%201.23%200%200%201-1.773-.81a9.7%209.7%200%200%201-.103-3.683a1.234%201.234%200%200%201%201.56-.981c2.02.584%203.888%201.328%205.713%202.119a.503.503%200%200%201-.014.93c-1.79.71-3.585%201.474-5.383%202.425%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%22M12%200C5.383%200%200%205.383%200%2012s5.383%2012%2012%2012s12-5.383%2012-12S18.617%200%2012%200m0%2022.402c-5.744%200-10.417-4.667-10.417-10.404S6.256%201.595%2012%201.595s10.417%204.666%2010.417%2010.403S17.744%2022.402%2012%2022.402m8.097-5.04a9.8%209.8%200%200%201-2.5%202.572a1.23%201.23%200%200%201-1.787-.42c-.97-1.794-1.75-3.59-2.468-5.391a.504.504%200%200%201%20.669-.648c1.729.749%203.503%201.46%205.414%202.04a1.227%201.227%200%200%201%20.672%201.847m1.615-5.36q0%20.895-.156%201.746a1.235%201.235%200%200%201-1.559.97c-2.01-.583-3.87-1.324-5.687-2.111l.002.001a.503.503%200%200%201%20.013-.93c1.802-.713%203.606-1.48%205.416-2.437c.727-.385%201.62.04%201.782.846c.124.619.19%201.26.19%201.915zm-6.847%207.713c.383.726-.04%201.61-.842%201.78a9.7%209.7%200%200%201-2.021.212a9.7%209.7%200%200%201-1.607-.132a1.233%201.233%200%200%201-.98-1.56c.583-2.003%201.322-3.854%202.107-5.666a.503.503%200%200%201%20.93.014h.002c.704%201.78%201.468%203.565%202.411%205.352M9.181%204.276a1.232%201.232%200%200%201%20.844-1.782a9.7%209.7%200%200%201%203.692-.05c.722.129%201.176.852.973%201.557c-.585%202.028-1.33%203.9-2.125%205.73a.503.503%200%200%201-.93-.013h-.001c-.715-1.81-1.49-3.623-2.453-5.442m-5.374%202.51a9.8%209.8%200%200%201%202.635-2.747a1.233%201.233%200%200%201%201.787.42c1.021%201.88%201.83%203.763%202.578%205.65a.504.504%200%200%201-.668.648c-1.802-.783-3.644-1.53-5.64-2.13a1.234%201.234%200%200%201-.692-1.842zm6.864%207.223c-.763%201.753-1.486%203.55-2.072%205.488a1.23%201.23%200%200%201-1.838.679a9.8%209.8%200%200%201-2.662-2.53a1.23%201.23%200%200%201%20.414-1.794c1.834-.99%203.67-1.783%205.51-2.513a.504.504%200%200%201%20.648.668zm2.72-3.872c.775-1.777%201.51-3.6%202.103-5.57a1.23%201.23%200%200%201%201.85-.672A9.8%209.8%200%200%201%2020%206.497a1.23%201.23%200%200%201-.425%201.779c-1.842.998-3.688%201.796-5.538%202.53a.504.504%200%200%201-.648-.67zm-9.098%204.78a1.23%201.23%200%200%201-1.773-.81a9.7%209.7%200%200%201-.103-3.683a1.234%201.234%200%200%201%201.56-.981c2.02.584%203.888%201.328%205.713%202.119a.503.503%200%200%201-.014.93c-1.79.71-3.585%201.474-5.383%202.425%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/juce.svg?color=%231a73e8&size=48
