framermotion logo
framermotion-wordmark from Devicon by konpa · Wordmark · MIT Free for personal and commercial use.
- Name
- framermotion-wordmark
- Set
- Devicon
- Style
- Wordmark
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
Use the framermotion logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M0 46.028h24.62v12.127H12.16zm0 12.127h12.16l12.46 12.408H12.16v12.41L0 70.562zM40.282 73.74V55.417h11.33v3.661h-7.077v4.805h7.078v3.66h-7.078v6.197zm13.873 0V61.05h4.236v2.834c0-.845.565-1.708 1.13-2.271c.847-.563 1.43-.845 2.276-.845c.565 0 .847.282 1.13.282v3.678h-1.13c-1.13 0-1.994.282-2.559 1.127c-.565.563-.847 1.689-.847 3.097v4.788zm15.566.564c-1.993 0-3.406-.846-4.535-1.972c-.847-1.127-1.413-2.816-1.413-4.788c0-1.408.283-2.534.566-3.379a6.7 6.7 0 0 1 2.258-2.552c.848-.563 1.977-.845 3.124-.845c.848 0 1.695.282 2.542.563c.564.282 1.13.845 1.412 1.708v-1.99h4.236v12.69h-4.236V72.05c-.282.564-.848 1.127-1.412 1.69c-.847.282-1.694.564-2.542.564m1.13-3.38c1.13 0 1.694-.282 2.26-1.127c.564-.563.846-1.408.846-2.253c0-1.126-.282-1.69-.847-2.534c-.565-.563-1.13-.845-2.26-.845c-.846 0-1.711.282-2.276.845c-.564.845-.847 1.408-.847 2.534c0 .845.283 1.69.847 2.253c.565.845 1.43 1.126 2.277 1.126zm10.183 2.816V61.05h3.953v1.989c.283-.863.847-1.145 1.413-1.707c.864-.282 1.43-.564 2.276-.564c1.977 0 3.39.845 3.954 2.27c.564-.58 1.13-1.143 1.694-1.706c.847-.282 1.712-.564 2.56-.564c3.105 0 4.517 1.69 4.517 5.087v7.885h-3.953V66.7c0-.845-.282-1.409-.565-1.972c-.283-.28-.847-.563-1.429-.563q-1.271 0-1.695.845c-.282.281-.565 1.127-.565 2.253v6.477h-3.953V66.7c0-.845-.282-1.409-.565-1.972c-.282-.28-.847-.563-1.412-.563c-.582 0-1.148.282-1.711.845c-.283.281-.566 1.127-.566 2.253v6.477zm35.935-7.04v1.97h-9.336c0 .846.282 1.41.847 1.972c.282.281 1.129.563 1.976.563c1.412 0 1.977-.282 2.541-1.126h3.972c-.283 1.126-.848 2.253-2.259 3.098c-1.13.563-2.559 1.126-4.254 1.126c-2.259 0-3.953-.563-5.083-1.971a6.73 6.73 0 0 1-1.994-4.788c0-2.252.847-3.66 1.994-5.086q1.695-1.69 5.083-1.69c1.977 0 3.407.563 4.819 1.69c1.129 1.144 1.694 2.552 1.694 4.242m-9.336-.564h5.364c0-.844-.281-1.408-.564-1.97c-.565-.564-1.129-.564-1.977-.564c-.847 0-1.694.282-2.259.563c-.282.563-.564 1.127-.564 1.971m11.596 7.604V61.05h3.97v2.834a6.2 6.2 0 0 1 1.412-2.271c.565-.563 1.413-.845 2.259-.845c.283 0 .847.282 1.13.282v3.678h-1.412c-.847 0-1.695.282-2.259 1.127c-.848.563-1.13 1.689-1.13 3.097v4.788z"/></svg>
React
import type { SVGProps } from "react";
export function DeviconFramermotionWordmark(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M0 46.028h24.62v12.127H12.16zm0 12.127h12.16l12.46 12.408H12.16v12.41L0 70.562zM40.282 73.74V55.417h11.33v3.661h-7.077v4.805h7.078v3.66h-7.078v6.197zm13.873 0V61.05h4.236v2.834c0-.845.565-1.708 1.13-2.271c.847-.563 1.43-.845 2.276-.845c.565 0 .847.282 1.13.282v3.678h-1.13c-1.13 0-1.994.282-2.559 1.127c-.565.563-.847 1.689-.847 3.097v4.788zm15.566.564c-1.993 0-3.406-.846-4.535-1.972c-.847-1.127-1.413-2.816-1.413-4.788c0-1.408.283-2.534.566-3.379a6.7 6.7 0 0 1 2.258-2.552c.848-.563 1.977-.845 3.124-.845c.848 0 1.695.282 2.542.563c.564.282 1.13.845 1.412 1.708v-1.99h4.236v12.69h-4.236V72.05c-.282.564-.848 1.127-1.412 1.69c-.847.282-1.694.564-2.542.564m1.13-3.38c1.13 0 1.694-.282 2.26-1.127c.564-.563.846-1.408.846-2.253c0-1.126-.282-1.69-.847-2.534c-.565-.563-1.13-.845-2.26-.845c-.846 0-1.711.282-2.276.845c-.564.845-.847 1.408-.847 2.534c0 .845.283 1.69.847 2.253c.565.845 1.43 1.126 2.277 1.126zm10.183 2.816V61.05h3.953v1.989c.283-.863.847-1.145 1.413-1.707c.864-.282 1.43-.564 2.276-.564c1.977 0 3.39.845 3.954 2.27c.564-.58 1.13-1.143 1.694-1.706c.847-.282 1.712-.564 2.56-.564c3.105 0 4.517 1.69 4.517 5.087v7.885h-3.953V66.7c0-.845-.282-1.409-.565-1.972c-.283-.28-.847-.563-1.429-.563q-1.271 0-1.695.845c-.282.281-.565 1.127-.565 2.253v6.477h-3.953V66.7c0-.845-.282-1.409-.565-1.972c-.282-.28-.847-.563-1.412-.563c-.582 0-1.148.282-1.711.845c-.283.281-.566 1.127-.566 2.253v6.477zm35.935-7.04v1.97h-9.336c0 .846.282 1.41.847 1.972c.282.281 1.129.563 1.976.563c1.412 0 1.977-.282 2.541-1.126h3.972c-.283 1.126-.848 2.253-2.259 3.098c-1.13.563-2.559 1.126-4.254 1.126c-2.259 0-3.953-.563-5.083-1.971a6.73 6.73 0 0 1-1.994-4.788c0-2.252.847-3.66 1.994-5.086q1.695-1.69 5.083-1.69c1.977 0 3.407.563 4.819 1.69c1.129 1.144 1.694 2.552 1.694 4.242m-9.336-.564h5.364c0-.844-.281-1.408-.564-1.97c-.565-.564-1.129-.564-1.977-.564c-.847 0-1.694.282-2.259.563c-.282.563-.564 1.127-.564 1.971m11.596 7.604V61.05h3.97v2.834a6.2 6.2 0 0 1 1.412-2.271c.565-.563 1.413-.845 2.259-.845c.283 0 .847.282 1.13.282v3.678h-1.412c-.847 0-1.695.282-2.259 1.127c-.848.563-1.13 1.689-1.13 3.097v4.788z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M0 46.028h24.62v12.127H12.16zm0 12.127h12.16l12.46 12.408H12.16v12.41L0 70.562zM40.282 73.74V55.417h11.33v3.661h-7.077v4.805h7.078v3.66h-7.078v6.197zm13.873 0V61.05h4.236v2.834c0-.845.565-1.708 1.13-2.271c.847-.563 1.43-.845 2.276-.845c.565 0 .847.282 1.13.282v3.678h-1.13c-1.13 0-1.994.282-2.559 1.127c-.565.563-.847 1.689-.847 3.097v4.788zm15.566.564c-1.993 0-3.406-.846-4.535-1.972c-.847-1.127-1.413-2.816-1.413-4.788c0-1.408.283-2.534.566-3.379a6.7 6.7 0 0 1 2.258-2.552c.848-.563 1.977-.845 3.124-.845c.848 0 1.695.282 2.542.563c.564.282 1.13.845 1.412 1.708v-1.99h4.236v12.69h-4.236V72.05c-.282.564-.848 1.127-1.412 1.69c-.847.282-1.694.564-2.542.564m1.13-3.38c1.13 0 1.694-.282 2.26-1.127c.564-.563.846-1.408.846-2.253c0-1.126-.282-1.69-.847-2.534c-.565-.563-1.13-.845-2.26-.845c-.846 0-1.711.282-2.276.845c-.564.845-.847 1.408-.847 2.534c0 .845.283 1.69.847 2.253c.565.845 1.43 1.126 2.277 1.126zm10.183 2.816V61.05h3.953v1.989c.283-.863.847-1.145 1.413-1.707c.864-.282 1.43-.564 2.276-.564c1.977 0 3.39.845 3.954 2.27c.564-.58 1.13-1.143 1.694-1.706c.847-.282 1.712-.564 2.56-.564c3.105 0 4.517 1.69 4.517 5.087v7.885h-3.953V66.7c0-.845-.282-1.409-.565-1.972c-.283-.28-.847-.563-1.429-.563q-1.271 0-1.695.845c-.282.281-.565 1.127-.565 2.253v6.477h-3.953V66.7c0-.845-.282-1.409-.565-1.972c-.282-.28-.847-.563-1.412-.563c-.582 0-1.148.282-1.711.845c-.283.281-.566 1.127-.566 2.253v6.477zm35.935-7.04v1.97h-9.336c0 .846.282 1.41.847 1.972c.282.281 1.129.563 1.976.563c1.412 0 1.977-.282 2.541-1.126h3.972c-.283 1.126-.848 2.253-2.259 3.098c-1.13.563-2.559 1.126-4.254 1.126c-2.259 0-3.953-.563-5.083-1.971a6.73 6.73 0 0 1-1.994-4.788c0-2.252.847-3.66 1.994-5.086q1.695-1.69 5.083-1.69c1.977 0 3.407.563 4.819 1.69c1.129 1.144 1.694 2.552 1.694 4.242m-9.336-.564h5.364c0-.844-.281-1.408-.564-1.97c-.565-.564-1.129-.564-1.977-.564c-.847 0-1.694.282-2.259.563c-.282.563-.564 1.127-.564 1.971m11.596 7.604V61.05h3.97v2.834a6.2 6.2 0 0 1 1.412-2.271c.565-.563 1.413-.845 2.259-.845c.283 0 .847.282 1.13.282v3.678h-1.412c-.847 0-1.695.282-2.259 1.127c-.848.563-1.13 1.689-1.13 3.097v4.788z"/></svg> </template>
CSS
.icon-framermotion-wordmark {
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%20128%20128%22%3E%3Cpath%20d%3D%22M0%2046.028h24.62v12.127H12.16zm0%2012.127h12.16l12.46%2012.408H12.16v12.41L0%2070.562zM40.282%2073.74V55.417h11.33v3.661h-7.077v4.805h7.078v3.66h-7.078v6.197zm13.873%200V61.05h4.236v2.834c0-.845.565-1.708%201.13-2.271c.847-.563%201.43-.845%202.276-.845c.565%200%20.847.282%201.13.282v3.678h-1.13c-1.13%200-1.994.282-2.559%201.127c-.565.563-.847%201.689-.847%203.097v4.788zm15.566.564c-1.993%200-3.406-.846-4.535-1.972c-.847-1.127-1.413-2.816-1.413-4.788c0-1.408.283-2.534.566-3.379a6.7%206.7%200%200%201%202.258-2.552c.848-.563%201.977-.845%203.124-.845c.848%200%201.695.282%202.542.563c.564.282%201.13.845%201.412%201.708v-1.99h4.236v12.69h-4.236V72.05c-.282.564-.848%201.127-1.412%201.69c-.847.282-1.694.564-2.542.564m1.13-3.38c1.13%200%201.694-.282%202.26-1.127c.564-.563.846-1.408.846-2.253c0-1.126-.282-1.69-.847-2.534c-.565-.563-1.13-.845-2.26-.845c-.846%200-1.711.282-2.276.845c-.564.845-.847%201.408-.847%202.534c0%20.845.283%201.69.847%202.253c.565.845%201.43%201.126%202.277%201.126zm10.183%202.816V61.05h3.953v1.989c.283-.863.847-1.145%201.413-1.707c.864-.282%201.43-.564%202.276-.564c1.977%200%203.39.845%203.954%202.27c.564-.58%201.13-1.143%201.694-1.706c.847-.282%201.712-.564%202.56-.564c3.105%200%204.517%201.69%204.517%205.087v7.885h-3.953V66.7c0-.845-.282-1.409-.565-1.972c-.283-.28-.847-.563-1.429-.563q-1.271%200-1.695.845c-.282.281-.565%201.127-.565%202.253v6.477h-3.953V66.7c0-.845-.282-1.409-.565-1.972c-.282-.28-.847-.563-1.412-.563c-.582%200-1.148.282-1.711.845c-.283.281-.566%201.127-.566%202.253v6.477zm35.935-7.04v1.97h-9.336c0%20.846.282%201.41.847%201.972c.282.281%201.129.563%201.976.563c1.412%200%201.977-.282%202.541-1.126h3.972c-.283%201.126-.848%202.253-2.259%203.098c-1.13.563-2.559%201.126-4.254%201.126c-2.259%200-3.953-.563-5.083-1.971a6.73%206.73%200%200%201-1.994-4.788c0-2.252.847-3.66%201.994-5.086q1.695-1.69%205.083-1.69c1.977%200%203.407.563%204.819%201.69c1.129%201.144%201.694%202.552%201.694%204.242m-9.336-.564h5.364c0-.844-.281-1.408-.564-1.97c-.565-.564-1.129-.564-1.977-.564c-.847%200-1.694.282-2.259.563c-.282.563-.564%201.127-.564%201.971m11.596%207.604V61.05h3.97v2.834a6.2%206.2%200%200%201%201.412-2.271c.565-.563%201.413-.845%202.259-.845c.283%200%20.847.282%201.13.282v3.678h-1.412c-.847%200-1.695.282-2.259%201.127c-.848.563-1.13%201.689-1.13%203.097v4.788z%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%20128%20128%22%3E%3Cpath%20d%3D%22M0%2046.028h24.62v12.127H12.16zm0%2012.127h12.16l12.46%2012.408H12.16v12.41L0%2070.562zM40.282%2073.74V55.417h11.33v3.661h-7.077v4.805h7.078v3.66h-7.078v6.197zm13.873%200V61.05h4.236v2.834c0-.845.565-1.708%201.13-2.271c.847-.563%201.43-.845%202.276-.845c.565%200%20.847.282%201.13.282v3.678h-1.13c-1.13%200-1.994.282-2.559%201.127c-.565.563-.847%201.689-.847%203.097v4.788zm15.566.564c-1.993%200-3.406-.846-4.535-1.972c-.847-1.127-1.413-2.816-1.413-4.788c0-1.408.283-2.534.566-3.379a6.7%206.7%200%200%201%202.258-2.552c.848-.563%201.977-.845%203.124-.845c.848%200%201.695.282%202.542.563c.564.282%201.13.845%201.412%201.708v-1.99h4.236v12.69h-4.236V72.05c-.282.564-.848%201.127-1.412%201.69c-.847.282-1.694.564-2.542.564m1.13-3.38c1.13%200%201.694-.282%202.26-1.127c.564-.563.846-1.408.846-2.253c0-1.126-.282-1.69-.847-2.534c-.565-.563-1.13-.845-2.26-.845c-.846%200-1.711.282-2.276.845c-.564.845-.847%201.408-.847%202.534c0%20.845.283%201.69.847%202.253c.565.845%201.43%201.126%202.277%201.126zm10.183%202.816V61.05h3.953v1.989c.283-.863.847-1.145%201.413-1.707c.864-.282%201.43-.564%202.276-.564c1.977%200%203.39.845%203.954%202.27c.564-.58%201.13-1.143%201.694-1.706c.847-.282%201.712-.564%202.56-.564c3.105%200%204.517%201.69%204.517%205.087v7.885h-3.953V66.7c0-.845-.282-1.409-.565-1.972c-.283-.28-.847-.563-1.429-.563q-1.271%200-1.695.845c-.282.281-.565%201.127-.565%202.253v6.477h-3.953V66.7c0-.845-.282-1.409-.565-1.972c-.282-.28-.847-.563-1.412-.563c-.582%200-1.148.282-1.711.845c-.283.281-.566%201.127-.566%202.253v6.477zm35.935-7.04v1.97h-9.336c0%20.846.282%201.41.847%201.972c.282.281%201.129.563%201.976.563c1.412%200%201.977-.282%202.541-1.126h3.972c-.283%201.126-.848%202.253-2.259%203.098c-1.13.563-2.559%201.126-4.254%201.126c-2.259%200-3.953-.563-5.083-1.971a6.73%206.73%200%200%201-1.994-4.788c0-2.252.847-3.66%201.994-5.086q1.695-1.69%205.083-1.69c1.977%200%203.407.563%204.819%201.69c1.129%201.144%201.694%202.552%201.694%204.242m-9.336-.564h5.364c0-.844-.281-1.408-.564-1.97c-.565-.564-1.129-.564-1.977-.564c-.847%200-1.694.282-2.259.563c-.282.563-.564%201.127-.564%201.971m11.596%207.604V61.05h3.97v2.834a6.2%206.2%200%200%201%201.412-2.271c.565-.563%201.413-.845%202.259-.845c.283%200%20.847.282%201.13.282v3.678h-1.412c-.847%200-1.695.282-2.259%201.127c-.848.563-1.13%201.689-1.13%203.097v4.788z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/framermotion-wordmark.svg?color=%231a73e8&size=48
