subject definition icon
subject-definition from Carbon by IBM · Outline · Organization · Apache-2.0 Free for personal and commercial use.
- Name
- subject-definition
- Set
- Carbon
- Style
- Outline
- Category
- Organization
- Viewbox
- 32×32
- License
- Apache 2.0
More organization icons from Carbon
Use the subject definition icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22.775 20.502h-.086c-.31.896-1.034 1.706-2.515 1.706c-1.844 0-2.877-1.275-2.877-3.515v-5.685h2.205v5.461c0 1.24.465 1.913 1.516 1.913c.878 0 1.757-.466 1.757-1.43v-5.944h2.205v8.993h-2.205zM6.62 20.21l1.533-1.482c.827.964 1.843 1.481 3.083 1.481c1.396 0 2.12-.672 2.12-1.688c0-.81-.38-1.31-1.637-1.533l-1.137-.172c-2.43-.38-3.6-1.534-3.6-3.497c0-2.154 1.67-3.55 4.358-3.55c1.809 0 3.152.62 4.117 1.775l-1.55 1.464c-.586-.74-1.413-1.24-2.688-1.24c-1.292 0-1.964.517-1.964 1.413c0 .913.517 1.292 1.671 1.499l1.12.206c2.429.431 3.566 1.516 3.566 3.497c0 2.274-1.637 3.825-4.514 3.825c-2.05 0-3.462-.81-4.479-1.998"/><path fill="currentColor" d="M28 30H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h24a2 2 0 0 1 2 2v24a2 2 0 0 1-2 2M4 28h24V4H4z"/></svg>
React
import type { SVGProps } from "react";
export function CarbonSubjectDefinition(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22.775 20.502h-.086c-.31.896-1.034 1.706-2.515 1.706c-1.844 0-2.877-1.275-2.877-3.515v-5.685h2.205v5.461c0 1.24.465 1.913 1.516 1.913c.878 0 1.757-.466 1.757-1.43v-5.944h2.205v8.993h-2.205zM6.62 20.21l1.533-1.482c.827.964 1.843 1.481 3.083 1.481c1.396 0 2.12-.672 2.12-1.688c0-.81-.38-1.31-1.637-1.533l-1.137-.172c-2.43-.38-3.6-1.534-3.6-3.497c0-2.154 1.67-3.55 4.358-3.55c1.809 0 3.152.62 4.117 1.775l-1.55 1.464c-.586-.74-1.413-1.24-2.688-1.24c-1.292 0-1.964.517-1.964 1.413c0 .913.517 1.292 1.671 1.499l1.12.206c2.429.431 3.566 1.516 3.566 3.497c0 2.274-1.637 3.825-4.514 3.825c-2.05 0-3.462-.81-4.479-1.998"/><path fill="currentColor" d="M28 30H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h24a2 2 0 0 1 2 2v24a2 2 0 0 1-2 2M4 28h24V4H4z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22.775 20.502h-.086c-.31.896-1.034 1.706-2.515 1.706c-1.844 0-2.877-1.275-2.877-3.515v-5.685h2.205v5.461c0 1.24.465 1.913 1.516 1.913c.878 0 1.757-.466 1.757-1.43v-5.944h2.205v8.993h-2.205zM6.62 20.21l1.533-1.482c.827.964 1.843 1.481 3.083 1.481c1.396 0 2.12-.672 2.12-1.688c0-.81-.38-1.31-1.637-1.533l-1.137-.172c-2.43-.38-3.6-1.534-3.6-3.497c0-2.154 1.67-3.55 4.358-3.55c1.809 0 3.152.62 4.117 1.775l-1.55 1.464c-.586-.74-1.413-1.24-2.688-1.24c-1.292 0-1.964.517-1.964 1.413c0 .913.517 1.292 1.671 1.499l1.12.206c2.429.431 3.566 1.516 3.566 3.497c0 2.274-1.637 3.825-4.514 3.825c-2.05 0-3.462-.81-4.479-1.998"/><path fill="currentColor" d="M28 30H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h24a2 2 0 0 1 2 2v24a2 2 0 0 1-2 2M4 28h24V4H4z"/></svg> </template>
CSS
.icon-subject-definition {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22.775%2020.502h-.086c-.31.896-1.034%201.706-2.515%201.706c-1.844%200-2.877-1.275-2.877-3.515v-5.685h2.205v5.461c0%201.24.465%201.913%201.516%201.913c.878%200%201.757-.466%201.757-1.43v-5.944h2.205v8.993h-2.205zM6.62%2020.21l1.533-1.482c.827.964%201.843%201.481%203.083%201.481c1.396%200%202.12-.672%202.12-1.688c0-.81-.38-1.31-1.637-1.533l-1.137-.172c-2.43-.38-3.6-1.534-3.6-3.497c0-2.154%201.67-3.55%204.358-3.55c1.809%200%203.152.62%204.117%201.775l-1.55%201.464c-.586-.74-1.413-1.24-2.688-1.24c-1.292%200-1.964.517-1.964%201.413c0%20.913.517%201.292%201.671%201.499l1.12.206c2.429.431%203.566%201.516%203.566%203.497c0%202.274-1.637%203.825-4.514%203.825c-2.05%200-3.462-.81-4.479-1.998%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28%2030H4a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h24a2%202%200%200%201%202%202v24a2%202%200%200%201-2%202M4%2028h24V4H4z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22.775%2020.502h-.086c-.31.896-1.034%201.706-2.515%201.706c-1.844%200-2.877-1.275-2.877-3.515v-5.685h2.205v5.461c0%201.24.465%201.913%201.516%201.913c.878%200%201.757-.466%201.757-1.43v-5.944h2.205v8.993h-2.205zM6.62%2020.21l1.533-1.482c.827.964%201.843%201.481%203.083%201.481c1.396%200%202.12-.672%202.12-1.688c0-.81-.38-1.31-1.637-1.533l-1.137-.172c-2.43-.38-3.6-1.534-3.6-3.497c0-2.154%201.67-3.55%204.358-3.55c1.809%200%203.152.62%204.117%201.775l-1.55%201.464c-.586-.74-1.413-1.24-2.688-1.24c-1.292%200-1.964.517-1.964%201.413c0%20.913.517%201.292%201.671%201.499l1.12.206c2.429.431%203.566%201.516%203.566%203.497c0%202.274-1.637%203.825-4.514%203.825c-2.05%200-3.462-.81-4.479-1.998%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28%2030H4a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h24a2%202%200%200%201%202%202v24a2%202%200%200%201-2%202M4%2028h24V4H4z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/subject-definition.svg?color=%231a73e8&size=48