notebook square icon
notebook-square from Reicon by REICON · Outline · School · MIT Free for personal and commercial use.
- Name
- notebook-square
- Set
- Reicon
- Style
- Outline
- Category
- School
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
More school icons from Reicon
Use the notebook square icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M16.52 5.273c1.272-.063 2.23.984 2.23 2.179v5.459c0 1.26-1.018 2.226-2.204 2.314c-.493.037-.99.097-1.368.189c-.738.18-1.711.65-2.321.972a1.84 1.84 0 0 1-1.714 0c-.61-.321-1.583-.792-2.321-.972c-.377-.092-.875-.152-1.368-.19c-1.186-.088-2.204-1.052-2.204-2.313V7.496c0-1.22.998-2.278 2.292-2.183c.525.038 1.13.106 1.636.23c.922.224 2.02.763 2.635 1.086c.103.054.23.052.333-.008c.556-.321 1.521-.842 2.354-1.073c.623-.173 1.39-.244 2.02-.275m.73 2.179c0-.418-.319-.698-.657-.681c-.602.03-1.235.096-1.693.223c-.63.174-1.451.607-2.002.926a2 2 0 0 1-.148.076v6.763c.61-.296 1.39-.636 2.072-.802c.498-.122 1.093-.19 1.612-.228c.476-.035.816-.413.816-.818zm-6.134.505q.066.035.134.064v6.738c-.61-.296-1.39-.636-2.072-.802c-.498-.122-1.093-.19-1.612-.228c-.476-.035-.816-.413-.816-.818V7.496c0-.426.333-.713.682-.687c.5.036 1.007.097 1.39.19c.726.178 1.682.637 2.294.958"/><path d="M9.944.25C8.106.25 6.65.25 5.51.403c-1.172.158-2.121.49-2.87 1.238c-.748.749-1.08 1.698-1.238 2.87c-.153 1.14-.153 2.595-.153 4.433v4.112c0 1.838 0 3.294.153 4.433c.158 1.172.49 2.121 1.238 2.87c.749.748 1.698 1.08 2.87 1.238c1.14.153 2.595.153 4.433.153h4.112c1.838 0 3.294 0 4.433-.153c1.172-.158 2.121-.49 2.87-1.238c.748-.749 1.08-1.698 1.238-2.87c.153-1.14.153-2.595.153-4.433V8.945c0-1.838 0-3.294-.153-4.433c-.158-1.172-.49-2.121-1.238-2.87S19.66.561 18.489.403C17.349.25 15.894.25 14.056.25zM3.702 2.702c.423-.423 1.003-.677 2.009-.812c1.028-.138 2.382-.14 4.289-.14h4c1.907 0 3.262.002 4.29.14c1.005.135 1.585.389 2.008.812s.677 1.003.812 2.009c.138 1.028.14 2.382.14 4.289v4c0 1.907-.002 3.262-.14 4.29c-.135 1.005-.389 1.585-.812 2.008s-1.003.677-2.009.812c-1.027.138-2.382.14-4.289.14h-4c-1.907 0-3.261-.002-4.29-.14c-1.005-.135-1.585-.389-2.008-.812s-.677-1.003-.812-2.009c-.138-1.027-.14-2.382-.14-4.289V9c0-1.907.002-3.261.14-4.29c.135-1.005.389-1.585.812-2.008"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconNotebookSquare(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fillRule="evenodd" clipRule="evenodd"><path d="M16.52 5.273c1.272-.063 2.23.984 2.23 2.179v5.459c0 1.26-1.018 2.226-2.204 2.314c-.493.037-.99.097-1.368.189c-.738.18-1.711.65-2.321.972a1.84 1.84 0 0 1-1.714 0c-.61-.321-1.583-.792-2.321-.972c-.377-.092-.875-.152-1.368-.19c-1.186-.088-2.204-1.052-2.204-2.313V7.496c0-1.22.998-2.278 2.292-2.183c.525.038 1.13.106 1.636.23c.922.224 2.02.763 2.635 1.086c.103.054.23.052.333-.008c.556-.321 1.521-.842 2.354-1.073c.623-.173 1.39-.244 2.02-.275m.73 2.179c0-.418-.319-.698-.657-.681c-.602.03-1.235.096-1.693.223c-.63.174-1.451.607-2.002.926a2 2 0 0 1-.148.076v6.763c.61-.296 1.39-.636 2.072-.802c.498-.122 1.093-.19 1.612-.228c.476-.035.816-.413.816-.818zm-6.134.505q.066.035.134.064v6.738c-.61-.296-1.39-.636-2.072-.802c-.498-.122-1.093-.19-1.612-.228c-.476-.035-.816-.413-.816-.818V7.496c0-.426.333-.713.682-.687c.5.036 1.007.097 1.39.19c.726.178 1.682.637 2.294.958"/><path d="M9.944.25C8.106.25 6.65.25 5.51.403c-1.172.158-2.121.49-2.87 1.238c-.748.749-1.08 1.698-1.238 2.87c-.153 1.14-.153 2.595-.153 4.433v4.112c0 1.838 0 3.294.153 4.433c.158 1.172.49 2.121 1.238 2.87c.749.748 1.698 1.08 2.87 1.238c1.14.153 2.595.153 4.433.153h4.112c1.838 0 3.294 0 4.433-.153c1.172-.158 2.121-.49 2.87-1.238c.748-.749 1.08-1.698 1.238-2.87c.153-1.14.153-2.595.153-4.433V8.945c0-1.838 0-3.294-.153-4.433c-.158-1.172-.49-2.121-1.238-2.87S19.66.561 18.489.403C17.349.25 15.894.25 14.056.25zM3.702 2.702c.423-.423 1.003-.677 2.009-.812c1.028-.138 2.382-.14 4.289-.14h4c1.907 0 3.262.002 4.29.14c1.005.135 1.585.389 2.008.812s.677 1.003.812 2.009c.138 1.028.14 2.382.14 4.289v4c0 1.907-.002 3.262-.14 4.29c-.135 1.005-.389 1.585-.812 2.008s-1.003.677-2.009.812c-1.027.138-2.382.14-4.289.14h-4c-1.907 0-3.261-.002-4.29-.14c-1.005-.135-1.585-.389-2.008-.812s-.677-1.003-.812-2.009c-.138-1.027-.14-2.382-.14-4.289V9c0-1.907.002-3.261.14-4.29c.135-1.005.389-1.585.812-2.008"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M16.52 5.273c1.272-.063 2.23.984 2.23 2.179v5.459c0 1.26-1.018 2.226-2.204 2.314c-.493.037-.99.097-1.368.189c-.738.18-1.711.65-2.321.972a1.84 1.84 0 0 1-1.714 0c-.61-.321-1.583-.792-2.321-.972c-.377-.092-.875-.152-1.368-.19c-1.186-.088-2.204-1.052-2.204-2.313V7.496c0-1.22.998-2.278 2.292-2.183c.525.038 1.13.106 1.636.23c.922.224 2.02.763 2.635 1.086c.103.054.23.052.333-.008c.556-.321 1.521-.842 2.354-1.073c.623-.173 1.39-.244 2.02-.275m.73 2.179c0-.418-.319-.698-.657-.681c-.602.03-1.235.096-1.693.223c-.63.174-1.451.607-2.002.926a2 2 0 0 1-.148.076v6.763c.61-.296 1.39-.636 2.072-.802c.498-.122 1.093-.19 1.612-.228c.476-.035.816-.413.816-.818zm-6.134.505q.066.035.134.064v6.738c-.61-.296-1.39-.636-2.072-.802c-.498-.122-1.093-.19-1.612-.228c-.476-.035-.816-.413-.816-.818V7.496c0-.426.333-.713.682-.687c.5.036 1.007.097 1.39.19c.726.178 1.682.637 2.294.958"/><path d="M9.944.25C8.106.25 6.65.25 5.51.403c-1.172.158-2.121.49-2.87 1.238c-.748.749-1.08 1.698-1.238 2.87c-.153 1.14-.153 2.595-.153 4.433v4.112c0 1.838 0 3.294.153 4.433c.158 1.172.49 2.121 1.238 2.87c.749.748 1.698 1.08 2.87 1.238c1.14.153 2.595.153 4.433.153h4.112c1.838 0 3.294 0 4.433-.153c1.172-.158 2.121-.49 2.87-1.238c.748-.749 1.08-1.698 1.238-2.87c.153-1.14.153-2.595.153-4.433V8.945c0-1.838 0-3.294-.153-4.433c-.158-1.172-.49-2.121-1.238-2.87S19.66.561 18.489.403C17.349.25 15.894.25 14.056.25zM3.702 2.702c.423-.423 1.003-.677 2.009-.812c1.028-.138 2.382-.14 4.289-.14h4c1.907 0 3.262.002 4.29.14c1.005.135 1.585.389 2.008.812s.677 1.003.812 2.009c.138 1.028.14 2.382.14 4.289v4c0 1.907-.002 3.262-.14 4.29c-.135 1.005-.389 1.585-.812 2.008s-1.003.677-2.009.812c-1.027.138-2.382.14-4.289.14h-4c-1.907 0-3.261-.002-4.29-.14c-1.005-.135-1.585-.389-2.008-.812s-.677-1.003-.812-2.009c-.138-1.027-.14-2.382-.14-4.289V9c0-1.907.002-3.261.14-4.29c.135-1.005.389-1.585.812-2.008"/></g></svg> </template>
CSS
.icon-notebook-square {
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%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M16.52%205.273c1.272-.063%202.23.984%202.23%202.179v5.459c0%201.26-1.018%202.226-2.204%202.314c-.493.037-.99.097-1.368.189c-.738.18-1.711.65-2.321.972a1.84%201.84%200%200%201-1.714%200c-.61-.321-1.583-.792-2.321-.972c-.377-.092-.875-.152-1.368-.19c-1.186-.088-2.204-1.052-2.204-2.313V7.496c0-1.22.998-2.278%202.292-2.183c.525.038%201.13.106%201.636.23c.922.224%202.02.763%202.635%201.086c.103.054.23.052.333-.008c.556-.321%201.521-.842%202.354-1.073c.623-.173%201.39-.244%202.02-.275m.73%202.179c0-.418-.319-.698-.657-.681c-.602.03-1.235.096-1.693.223c-.63.174-1.451.607-2.002.926a2%202%200%200%201-.148.076v6.763c.61-.296%201.39-.636%202.072-.802c.498-.122%201.093-.19%201.612-.228c.476-.035.816-.413.816-.818zm-6.134.505q.066.035.134.064v6.738c-.61-.296-1.39-.636-2.072-.802c-.498-.122-1.093-.19-1.612-.228c-.476-.035-.816-.413-.816-.818V7.496c0-.426.333-.713.682-.687c.5.036%201.007.097%201.39.19c.726.178%201.682.637%202.294.958%22%2F%3E%3Cpath%20d%3D%22M9.944.25C8.106.25%206.65.25%205.51.403c-1.172.158-2.121.49-2.87%201.238c-.748.749-1.08%201.698-1.238%202.87c-.153%201.14-.153%202.595-.153%204.433v4.112c0%201.838%200%203.294.153%204.433c.158%201.172.49%202.121%201.238%202.87c.749.748%201.698%201.08%202.87%201.238c1.14.153%202.595.153%204.433.153h4.112c1.838%200%203.294%200%204.433-.153c1.172-.158%202.121-.49%202.87-1.238c.748-.749%201.08-1.698%201.238-2.87c.153-1.14.153-2.595.153-4.433V8.945c0-1.838%200-3.294-.153-4.433c-.158-1.172-.49-2.121-1.238-2.87S19.66.561%2018.489.403C17.349.25%2015.894.25%2014.056.25zM3.702%202.702c.423-.423%201.003-.677%202.009-.812c1.028-.138%202.382-.14%204.289-.14h4c1.907%200%203.262.002%204.29.14c1.005.135%201.585.389%202.008.812s.677%201.003.812%202.009c.138%201.028.14%202.382.14%204.289v4c0%201.907-.002%203.262-.14%204.29c-.135%201.005-.389%201.585-.812%202.008s-1.003.677-2.009.812c-1.027.138-2.382.14-4.289.14h-4c-1.907%200-3.261-.002-4.29-.14c-1.005-.135-1.585-.389-2.008-.812s-.677-1.003-.812-2.009c-.138-1.027-.14-2.382-.14-4.289V9c0-1.907.002-3.261.14-4.29c.135-1.005.389-1.585.812-2.008%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M16.52%205.273c1.272-.063%202.23.984%202.23%202.179v5.459c0%201.26-1.018%202.226-2.204%202.314c-.493.037-.99.097-1.368.189c-.738.18-1.711.65-2.321.972a1.84%201.84%200%200%201-1.714%200c-.61-.321-1.583-.792-2.321-.972c-.377-.092-.875-.152-1.368-.19c-1.186-.088-2.204-1.052-2.204-2.313V7.496c0-1.22.998-2.278%202.292-2.183c.525.038%201.13.106%201.636.23c.922.224%202.02.763%202.635%201.086c.103.054.23.052.333-.008c.556-.321%201.521-.842%202.354-1.073c.623-.173%201.39-.244%202.02-.275m.73%202.179c0-.418-.319-.698-.657-.681c-.602.03-1.235.096-1.693.223c-.63.174-1.451.607-2.002.926a2%202%200%200%201-.148.076v6.763c.61-.296%201.39-.636%202.072-.802c.498-.122%201.093-.19%201.612-.228c.476-.035.816-.413.816-.818zm-6.134.505q.066.035.134.064v6.738c-.61-.296-1.39-.636-2.072-.802c-.498-.122-1.093-.19-1.612-.228c-.476-.035-.816-.413-.816-.818V7.496c0-.426.333-.713.682-.687c.5.036%201.007.097%201.39.19c.726.178%201.682.637%202.294.958%22%2F%3E%3Cpath%20d%3D%22M9.944.25C8.106.25%206.65.25%205.51.403c-1.172.158-2.121.49-2.87%201.238c-.748.749-1.08%201.698-1.238%202.87c-.153%201.14-.153%202.595-.153%204.433v4.112c0%201.838%200%203.294.153%204.433c.158%201.172.49%202.121%201.238%202.87c.749.748%201.698%201.08%202.87%201.238c1.14.153%202.595.153%204.433.153h4.112c1.838%200%203.294%200%204.433-.153c1.172-.158%202.121-.49%202.87-1.238c.748-.749%201.08-1.698%201.238-2.87c.153-1.14.153-2.595.153-4.433V8.945c0-1.838%200-3.294-.153-4.433c-.158-1.172-.49-2.121-1.238-2.87S19.66.561%2018.489.403C17.349.25%2015.894.25%2014.056.25zM3.702%202.702c.423-.423%201.003-.677%202.009-.812c1.028-.138%202.382-.14%204.289-.14h4c1.907%200%203.262.002%204.29.14c1.005.135%201.585.389%202.008.812s.677%201.003.812%202.009c.138%201.028.14%202.382.14%204.289v4c0%201.907-.002%203.262-.14%204.29c-.135%201.005-.389%201.585-.812%202.008s-1.003.677-2.009.812c-1.027.138-2.382.14-4.289.14h-4c-1.907%200-3.261-.002-4.29-.14c-1.005-.135-1.585-.389-2.008-.812s-.677-1.003-.812-2.009c-.138-1.027-.14-2.382-.14-4.289V9c0-1.907.002-3.261.14-4.29c.135-1.005.389-1.585.812-2.008%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/notebook-square.svg?color=%231a73e8&size=48
