framework logo
framework from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- framework
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the framework logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23.186 9.07L21.41 8.019a2.78 2.78 0 0 1-1.344-2.391V3.523c0-.431-.19-.837-.516-1.108A12 12 0 0 0 16.317.493a1.36 1.36 0 0 0-1.193.091L13.347 1.64a2.62 2.62 0 0 1-2.688 0L8.882.584a1.35 1.35 0 0 0-1.194-.09a12 12 0 0 0-3.231 1.918a1.44 1.44 0 0 0-.516 1.108v2.104c0 .986-.51 1.897-1.344 2.392L.823 9.068c-.363.215-.61.588-.675 1.013A12 12 0 0 0 0 12.001q0 .978.145 1.916c.065.425.312.801.675 1.016l1.774 1.052a2.78 2.78 0 0 1 1.344 2.392v2.104c0 .431.191.837.516 1.108c.965.8 2.054 1.452 3.231 1.919c.393.155.831.124 1.194-.091l1.777-1.055a2.62 2.62 0 0 1 2.688 0l1.777 1.055c.363.215.804.246 1.193.091a12 12 0 0 0 3.232-1.92a1.44 1.44 0 0 0 .516-1.107v-2.104a2.78 2.78 0 0 1 1.344-2.392l1.774-1.052c.363-.215.61-.588.675-1.016q.143-.938.145-1.916q0-.98-.145-1.917a1.41 1.41 0 0 0-.67-1.013zM12.003 19.41c-3.981 0-7.21-3.317-7.21-7.407s3.229-7.406 7.21-7.406s7.21 3.316 7.21 7.406s-3.23 7.407-7.21 7.407"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsFramework(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="M23.186 9.07L21.41 8.019a2.78 2.78 0 0 1-1.344-2.391V3.523c0-.431-.19-.837-.516-1.108A12 12 0 0 0 16.317.493a1.36 1.36 0 0 0-1.193.091L13.347 1.64a2.62 2.62 0 0 1-2.688 0L8.882.584a1.35 1.35 0 0 0-1.194-.09a12 12 0 0 0-3.231 1.918a1.44 1.44 0 0 0-.516 1.108v2.104c0 .986-.51 1.897-1.344 2.392L.823 9.068c-.363.215-.61.588-.675 1.013A12 12 0 0 0 0 12.001q0 .978.145 1.916c.065.425.312.801.675 1.016l1.774 1.052a2.78 2.78 0 0 1 1.344 2.392v2.104c0 .431.191.837.516 1.108c.965.8 2.054 1.452 3.231 1.919c.393.155.831.124 1.194-.091l1.777-1.055a2.62 2.62 0 0 1 2.688 0l1.777 1.055c.363.215.804.246 1.193.091a12 12 0 0 0 3.232-1.92a1.44 1.44 0 0 0 .516-1.107v-2.104a2.78 2.78 0 0 1 1.344-2.392l1.774-1.052c.363-.215.61-.588.675-1.016q.143-.938.145-1.916q0-.98-.145-1.917a1.41 1.41 0 0 0-.67-1.013zM12.003 19.41c-3.981 0-7.21-3.317-7.21-7.407s3.229-7.406 7.21-7.406s7.21 3.316 7.21 7.406s-3.23 7.407-7.21 7.407"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23.186 9.07L21.41 8.019a2.78 2.78 0 0 1-1.344-2.391V3.523c0-.431-.19-.837-.516-1.108A12 12 0 0 0 16.317.493a1.36 1.36 0 0 0-1.193.091L13.347 1.64a2.62 2.62 0 0 1-2.688 0L8.882.584a1.35 1.35 0 0 0-1.194-.09a12 12 0 0 0-3.231 1.918a1.44 1.44 0 0 0-.516 1.108v2.104c0 .986-.51 1.897-1.344 2.392L.823 9.068c-.363.215-.61.588-.675 1.013A12 12 0 0 0 0 12.001q0 .978.145 1.916c.065.425.312.801.675 1.016l1.774 1.052a2.78 2.78 0 0 1 1.344 2.392v2.104c0 .431.191.837.516 1.108c.965.8 2.054 1.452 3.231 1.919c.393.155.831.124 1.194-.091l1.777-1.055a2.62 2.62 0 0 1 2.688 0l1.777 1.055c.363.215.804.246 1.193.091a12 12 0 0 0 3.232-1.92a1.44 1.44 0 0 0 .516-1.107v-2.104a2.78 2.78 0 0 1 1.344-2.392l1.774-1.052c.363-.215.61-.588.675-1.016q.143-.938.145-1.916q0-.98-.145-1.917a1.41 1.41 0 0 0-.67-1.013zM12.003 19.41c-3.981 0-7.21-3.317-7.21-7.407s3.229-7.406 7.21-7.406s7.21 3.316 7.21 7.406s-3.23 7.407-7.21 7.407"/></svg> </template>
CSS
.icon-framework {
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%22M23.186%209.07L21.41%208.019a2.78%202.78%200%200%201-1.344-2.391V3.523c0-.431-.19-.837-.516-1.108A12%2012%200%200%200%2016.317.493a1.36%201.36%200%200%200-1.193.091L13.347%201.64a2.62%202.62%200%200%201-2.688%200L8.882.584a1.35%201.35%200%200%200-1.194-.09a12%2012%200%200%200-3.231%201.918a1.44%201.44%200%200%200-.516%201.108v2.104c0%20.986-.51%201.897-1.344%202.392L.823%209.068c-.363.215-.61.588-.675%201.013A12%2012%200%200%200%200%2012.001q0%20.978.145%201.916c.065.425.312.801.675%201.016l1.774%201.052a2.78%202.78%200%200%201%201.344%202.392v2.104c0%20.431.191.837.516%201.108c.965.8%202.054%201.452%203.231%201.919c.393.155.831.124%201.194-.091l1.777-1.055a2.62%202.62%200%200%201%202.688%200l1.777%201.055c.363.215.804.246%201.193.091a12%2012%200%200%200%203.232-1.92a1.44%201.44%200%200%200%20.516-1.107v-2.104a2.78%202.78%200%200%201%201.344-2.392l1.774-1.052c.363-.215.61-.588.675-1.016q.143-.938.145-1.916q0-.98-.145-1.917a1.41%201.41%200%200%200-.67-1.013zM12.003%2019.41c-3.981%200-7.21-3.317-7.21-7.407s3.229-7.406%207.21-7.406s7.21%203.316%207.21%207.406s-3.23%207.407-7.21%207.407%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%22M23.186%209.07L21.41%208.019a2.78%202.78%200%200%201-1.344-2.391V3.523c0-.431-.19-.837-.516-1.108A12%2012%200%200%200%2016.317.493a1.36%201.36%200%200%200-1.193.091L13.347%201.64a2.62%202.62%200%200%201-2.688%200L8.882.584a1.35%201.35%200%200%200-1.194-.09a12%2012%200%200%200-3.231%201.918a1.44%201.44%200%200%200-.516%201.108v2.104c0%20.986-.51%201.897-1.344%202.392L.823%209.068c-.363.215-.61.588-.675%201.013A12%2012%200%200%200%200%2012.001q0%20.978.145%201.916c.065.425.312.801.675%201.016l1.774%201.052a2.78%202.78%200%200%201%201.344%202.392v2.104c0%20.431.191.837.516%201.108c.965.8%202.054%201.452%203.231%201.919c.393.155.831.124%201.194-.091l1.777-1.055a2.62%202.62%200%200%201%202.688%200l1.777%201.055c.363.215.804.246%201.193.091a12%2012%200%200%200%203.232-1.92a1.44%201.44%200%200%200%20.516-1.107v-2.104a2.78%202.78%200%200%201%201.344-2.392l1.774-1.052c.363-.215.61-.588.675-1.016q.143-.938.145-1.916q0-.98-.145-1.917a1.41%201.41%200%200%200-.67-1.013zM12.003%2019.41c-3.981%200-7.21-3.317-7.21-7.407s3.229-7.406%207.21-7.406s7.21%203.316%207.21%207.406s-3.23%207.407-7.21%207.407%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/framework.svg?color=%231a73e8&size=48
