subject usage icon
subject-usage from Carbon by IBM · Outline · Organization · Apache-2.0 Free for personal and commercial use.
- Name
- subject-usage
- Set
- Carbon
- Style
- Outline
- Category
- Organization
- Viewbox
- 32×32
- License
- Apache 2.0
More organization icons from Carbon
Use the subject usage 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="M21 30H11c-4.963 0-9-4.037-9-9V11c0-4.963 4.037-9 9-9h10c4.963 0 9 4.037 9 9v10c0 4.963-4.037 9-9 9M11 4c-3.86 0-7 3.14-7 7v10c0 3.86 3.14 7 7 7h10c3.86 0 7-3.14 7-7V11c0-3.86-3.14-7-7-7z"/></svg>
React
import type { SVGProps } from "react";
export function CarbonSubjectUsage(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="M21 30H11c-4.963 0-9-4.037-9-9V11c0-4.963 4.037-9 9-9h10c4.963 0 9 4.037 9 9v10c0 4.963-4.037 9-9 9M11 4c-3.86 0-7 3.14-7 7v10c0 3.86 3.14 7 7 7h10c3.86 0 7-3.14 7-7V11c0-3.86-3.14-7-7-7z"/></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="M21 30H11c-4.963 0-9-4.037-9-9V11c0-4.963 4.037-9 9-9h10c4.963 0 9 4.037 9 9v10c0 4.963-4.037 9-9 9M11 4c-3.86 0-7 3.14-7 7v10c0 3.86 3.14 7 7 7h10c3.86 0 7-3.14 7-7V11c0-3.86-3.14-7-7-7z"/></svg> </template>
CSS
.icon-subject-usage {
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%22M21%2030H11c-4.963%200-9-4.037-9-9V11c0-4.963%204.037-9%209-9h10c4.963%200%209%204.037%209%209v10c0%204.963-4.037%209-9%209M11%204c-3.86%200-7%203.14-7%207v10c0%203.86%203.14%207%207%207h10c3.86%200%207-3.14%207-7V11c0-3.86-3.14-7-7-7z%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%22M21%2030H11c-4.963%200-9-4.037-9-9V11c0-4.963%204.037-9%209-9h10c4.963%200%209%204.037%209%209v10c0%204.963-4.037%209-9%209M11%204c-3.86%200-7%203.14-7%207v10c0%203.86%203.14%207%207%207h10c3.86%200%207-3.14%207-7V11c0-3.86-3.14-7-7-7z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/subject-usage.svg?color=%231a73e8&size=48
