padlet logo
padlet from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- padlet
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the padlet logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.258 2.399a.78.78 0 0 0-.69.45L5.589 14.413h.001l1.715 6.311c.138.606.742.986 1.349.848l2.604-.591l-.4-5.013v-.001l-5.267-1.553l5.267.753zm.001 0l.397 12.769l5.271-.754L11.95 2.848a.78.78 0 0 0-.69-.45M.441 7.534c-.311.003-.561.35-.38.666l5.724 9.986l-.968-3.562a.8.8 0 0 1 .037-.526l1.46-3.39L.66 7.591a.45.45 0 0 0-.22-.058Zm19.173 1.68l-3.42 1.476l1.468 3.408a.8.8 0 0 1 .038.526l-.924 3.4l5.62-8.81zm2.783 0l-.67 2.464l1.796.853a.333.333 0 0 0 .435-.46zm-5.47 5.2l-5.268 1.555l-.4 5.013l2.605.591a1.127 1.127 0 0 0 1.348-.848z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsPadlet(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="M11.258 2.399a.78.78 0 0 0-.69.45L5.589 14.413h.001l1.715 6.311c.138.606.742.986 1.349.848l2.604-.591l-.4-5.013v-.001l-5.267-1.553l5.267.753zm.001 0l.397 12.769l5.271-.754L11.95 2.848a.78.78 0 0 0-.69-.45M.441 7.534c-.311.003-.561.35-.38.666l5.724 9.986l-.968-3.562a.8.8 0 0 1 .037-.526l1.46-3.39L.66 7.591a.45.45 0 0 0-.22-.058Zm19.173 1.68l-3.42 1.476l1.468 3.408a.8.8 0 0 1 .038.526l-.924 3.4l5.62-8.81zm2.783 0l-.67 2.464l1.796.853a.333.333 0 0 0 .435-.46zm-5.47 5.2l-5.268 1.555l-.4 5.013l2.605.591a1.127 1.127 0 0 0 1.348-.848z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.258 2.399a.78.78 0 0 0-.69.45L5.589 14.413h.001l1.715 6.311c.138.606.742.986 1.349.848l2.604-.591l-.4-5.013v-.001l-5.267-1.553l5.267.753zm.001 0l.397 12.769l5.271-.754L11.95 2.848a.78.78 0 0 0-.69-.45M.441 7.534c-.311.003-.561.35-.38.666l5.724 9.986l-.968-3.562a.8.8 0 0 1 .037-.526l1.46-3.39L.66 7.591a.45.45 0 0 0-.22-.058Zm19.173 1.68l-3.42 1.476l1.468 3.408a.8.8 0 0 1 .038.526l-.924 3.4l5.62-8.81zm2.783 0l-.67 2.464l1.796.853a.333.333 0 0 0 .435-.46zm-5.47 5.2l-5.268 1.555l-.4 5.013l2.605.591a1.127 1.127 0 0 0 1.348-.848z"/></svg> </template>
CSS
.icon-padlet {
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%22M11.258%202.399a.78.78%200%200%200-.69.45L5.589%2014.413h.001l1.715%206.311c.138.606.742.986%201.349.848l2.604-.591l-.4-5.013v-.001l-5.267-1.553l5.267.753zm.001%200l.397%2012.769l5.271-.754L11.95%202.848a.78.78%200%200%200-.69-.45M.441%207.534c-.311.003-.561.35-.38.666l5.724%209.986l-.968-3.562a.8.8%200%200%201%20.037-.526l1.46-3.39L.66%207.591a.45.45%200%200%200-.22-.058Zm19.173%201.68l-3.42%201.476l1.468%203.408a.8.8%200%200%201%20.038.526l-.924%203.4l5.62-8.81zm2.783%200l-.67%202.464l1.796.853a.333.333%200%200%200%20.435-.46zm-5.47%205.2l-5.268%201.555l-.4%205.013l2.605.591a1.127%201.127%200%200%200%201.348-.848z%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%22M11.258%202.399a.78.78%200%200%200-.69.45L5.589%2014.413h.001l1.715%206.311c.138.606.742.986%201.349.848l2.604-.591l-.4-5.013v-.001l-5.267-1.553l5.267.753zm.001%200l.397%2012.769l5.271-.754L11.95%202.848a.78.78%200%200%200-.69-.45M.441%207.534c-.311.003-.561.35-.38.666l5.724%209.986l-.968-3.562a.8.8%200%200%201%20.037-.526l1.46-3.39L.66%207.591a.45.45%200%200%200-.22-.058Zm19.173%201.68l-3.42%201.476l1.468%203.408a.8.8%200%200%201%20.038.526l-.924%203.4l5.62-8.81zm2.783%200l-.67%202.464l1.796.853a.333.333%200%200%200%20.435-.46zm-5.47%205.2l-5.268%201.555l-.4%205.013l2.605.591a1.127%201.127%200%200%200%201.348-.848z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/padlet.svg?color=%231a73e8&size=48
