csswizardry logo
csswizardry from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- csswizardry
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the csswizardry logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 16.5V1.127C0 .502.506 0 1.127 0h21.748C23.498 0 24 .505 24 1.126V15.95q-1.014-.62-2.372-.62q-1.887 0-2.862.886q-.974.886-.974 2.226q0 1.468 1.008 2.158q.596.413 2.151.765l1.056.237q.926.202 1.36.466q.432.27.432.765q0 .846-.872 1.157l-.024.008H20.68a1.53 1.53 0 0 1-.688-.462q-.278-.337-.372-1.021h-1.99q0 .839.325 1.483h-1.681q.294-.595.294-1.32q0-1.334-.892-2.037q-.576-.453-1.705-.724l-1.719-.412q-.995-.237-1.299-.413a.86.86 0 0 1-.473-.799q0-.581.48-.906q.481-.325 1.286-.325q.723 0 1.21.25q.732.38.785 1.28h2.003q-.054-1.59-1.167-2.426t-2.69-.836q-1.887 0-2.861.886t-.975 2.226q0 1.468 1.008 2.158q.595.413 2.152.765l1.055.237q.927.202 1.36.466q.433.27.433.765q0 .846-.873 1.157l-.025.008h-2.223a1.53 1.53 0 0 1-.688-.462q-.278-.337-.372-1.021h-1.99q0 .839.324 1.483H6.611a4.75 4.75 0 0 0 .667-1.801H5.215q-.21.771-.528 1.157q-.391.489-1.026.644H2.42q-.675-.173-1.165-.762q-.695-.835-.695-2.512t.656-2.595t1.793-.917q1.116 0 1.684.65q.318.365.52 1.082H7.3q-.048-.933-.69-1.86q-1.164-1.65-3.68-1.65q-1.752 0-2.929 1.067zm24 3.654v-1.562h-.518q-.054-.9-.785-1.279q-.487-.25-1.21-.25q-.806 0-1.286.325q-.48.324-.48.906q0 .535.473.799q.304.176 1.299.413l1.718.412q.436.105.789.236"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsCsswizardry(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="M0 16.5V1.127C0 .502.506 0 1.127 0h21.748C23.498 0 24 .505 24 1.126V15.95q-1.014-.62-2.372-.62q-1.887 0-2.862.886q-.974.886-.974 2.226q0 1.468 1.008 2.158q.596.413 2.151.765l1.056.237q.926.202 1.36.466q.432.27.432.765q0 .846-.872 1.157l-.024.008H20.68a1.53 1.53 0 0 1-.688-.462q-.278-.337-.372-1.021h-1.99q0 .839.325 1.483h-1.681q.294-.595.294-1.32q0-1.334-.892-2.037q-.576-.453-1.705-.724l-1.719-.412q-.995-.237-1.299-.413a.86.86 0 0 1-.473-.799q0-.581.48-.906q.481-.325 1.286-.325q.723 0 1.21.25q.732.38.785 1.28h2.003q-.054-1.59-1.167-2.426t-2.69-.836q-1.887 0-2.861.886t-.975 2.226q0 1.468 1.008 2.158q.595.413 2.152.765l1.055.237q.927.202 1.36.466q.433.27.433.765q0 .846-.873 1.157l-.025.008h-2.223a1.53 1.53 0 0 1-.688-.462q-.278-.337-.372-1.021h-1.99q0 .839.324 1.483H6.611a4.75 4.75 0 0 0 .667-1.801H5.215q-.21.771-.528 1.157q-.391.489-1.026.644H2.42q-.675-.173-1.165-.762q-.695-.835-.695-2.512t.656-2.595t1.793-.917q1.116 0 1.684.65q.318.365.52 1.082H7.3q-.048-.933-.69-1.86q-1.164-1.65-3.68-1.65q-1.752 0-2.929 1.067zm24 3.654v-1.562h-.518q-.054-.9-.785-1.279q-.487-.25-1.21-.25q-.806 0-1.286.325q-.48.324-.48.906q0 .535.473.799q.304.176 1.299.413l1.718.412q.436.105.789.236"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 16.5V1.127C0 .502.506 0 1.127 0h21.748C23.498 0 24 .505 24 1.126V15.95q-1.014-.62-2.372-.62q-1.887 0-2.862.886q-.974.886-.974 2.226q0 1.468 1.008 2.158q.596.413 2.151.765l1.056.237q.926.202 1.36.466q.432.27.432.765q0 .846-.872 1.157l-.024.008H20.68a1.53 1.53 0 0 1-.688-.462q-.278-.337-.372-1.021h-1.99q0 .839.325 1.483h-1.681q.294-.595.294-1.32q0-1.334-.892-2.037q-.576-.453-1.705-.724l-1.719-.412q-.995-.237-1.299-.413a.86.86 0 0 1-.473-.799q0-.581.48-.906q.481-.325 1.286-.325q.723 0 1.21.25q.732.38.785 1.28h2.003q-.054-1.59-1.167-2.426t-2.69-.836q-1.887 0-2.861.886t-.975 2.226q0 1.468 1.008 2.158q.595.413 2.152.765l1.055.237q.927.202 1.36.466q.433.27.433.765q0 .846-.873 1.157l-.025.008h-2.223a1.53 1.53 0 0 1-.688-.462q-.278-.337-.372-1.021h-1.99q0 .839.324 1.483H6.611a4.75 4.75 0 0 0 .667-1.801H5.215q-.21.771-.528 1.157q-.391.489-1.026.644H2.42q-.675-.173-1.165-.762q-.695-.835-.695-2.512t.656-2.595t1.793-.917q1.116 0 1.684.65q.318.365.52 1.082H7.3q-.048-.933-.69-1.86q-1.164-1.65-3.68-1.65q-1.752 0-2.929 1.067zm24 3.654v-1.562h-.518q-.054-.9-.785-1.279q-.487-.25-1.21-.25q-.806 0-1.286.325q-.48.324-.48.906q0 .535.473.799q.304.176 1.299.413l1.718.412q.436.105.789.236"/></svg> </template>
CSS
.icon-csswizardry {
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%22M0%2016.5V1.127C0%20.502.506%200%201.127%200h21.748C23.498%200%2024%20.505%2024%201.126V15.95q-1.014-.62-2.372-.62q-1.887%200-2.862.886q-.974.886-.974%202.226q0%201.468%201.008%202.158q.596.413%202.151.765l1.056.237q.926.202%201.36.466q.432.27.432.765q0%20.846-.872%201.157l-.024.008H20.68a1.53%201.53%200%200%201-.688-.462q-.278-.337-.372-1.021h-1.99q0%20.839.325%201.483h-1.681q.294-.595.294-1.32q0-1.334-.892-2.037q-.576-.453-1.705-.724l-1.719-.412q-.995-.237-1.299-.413a.86.86%200%200%201-.473-.799q0-.581.48-.906q.481-.325%201.286-.325q.723%200%201.21.25q.732.38.785%201.28h2.003q-.054-1.59-1.167-2.426t-2.69-.836q-1.887%200-2.861.886t-.975%202.226q0%201.468%201.008%202.158q.595.413%202.152.765l1.055.237q.927.202%201.36.466q.433.27.433.765q0%20.846-.873%201.157l-.025.008h-2.223a1.53%201.53%200%200%201-.688-.462q-.278-.337-.372-1.021h-1.99q0%20.839.324%201.483H6.611a4.75%204.75%200%200%200%20.667-1.801H5.215q-.21.771-.528%201.157q-.391.489-1.026.644H2.42q-.675-.173-1.165-.762q-.695-.835-.695-2.512t.656-2.595t1.793-.917q1.116%200%201.684.65q.318.365.52%201.082H7.3q-.048-.933-.69-1.86q-1.164-1.65-3.68-1.65q-1.752%200-2.929%201.067zm24%203.654v-1.562h-.518q-.054-.9-.785-1.279q-.487-.25-1.21-.25q-.806%200-1.286.325q-.48.324-.48.906q0%20.535.473.799q.304.176%201.299.413l1.718.412q.436.105.789.236%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%22M0%2016.5V1.127C0%20.502.506%200%201.127%200h21.748C23.498%200%2024%20.505%2024%201.126V15.95q-1.014-.62-2.372-.62q-1.887%200-2.862.886q-.974.886-.974%202.226q0%201.468%201.008%202.158q.596.413%202.151.765l1.056.237q.926.202%201.36.466q.432.27.432.765q0%20.846-.872%201.157l-.024.008H20.68a1.53%201.53%200%200%201-.688-.462q-.278-.337-.372-1.021h-1.99q0%20.839.325%201.483h-1.681q.294-.595.294-1.32q0-1.334-.892-2.037q-.576-.453-1.705-.724l-1.719-.412q-.995-.237-1.299-.413a.86.86%200%200%201-.473-.799q0-.581.48-.906q.481-.325%201.286-.325q.723%200%201.21.25q.732.38.785%201.28h2.003q-.054-1.59-1.167-2.426t-2.69-.836q-1.887%200-2.861.886t-.975%202.226q0%201.468%201.008%202.158q.595.413%202.152.765l1.055.237q.927.202%201.36.466q.433.27.433.765q0%20.846-.873%201.157l-.025.008h-2.223a1.53%201.53%200%200%201-.688-.462q-.278-.337-.372-1.021h-1.99q0%20.839.324%201.483H6.611a4.75%204.75%200%200%200%20.667-1.801H5.215q-.21.771-.528%201.157q-.391.489-1.026.644H2.42q-.675-.173-1.165-.762q-.695-.835-.695-2.512t.656-2.595t1.793-.917q1.116%200%201.684.65q.318.365.52%201.082H7.3q-.048-.933-.69-1.86q-1.164-1.65-3.68-1.65q-1.752%200-2.929%201.067zm24%203.654v-1.562h-.518q-.054-.9-.785-1.279q-.487-.25-1.21-.25q-.806%200-1.286.325q-.48.324-.48.906q0%20.535.473.799q.304.176%201.299.413l1.718.412q.436.105.789.236%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/csswizardry.svg?color=%231a73e8&size=48
