api key icon
api-key from Carbon by IBM · Outline · Organization · Apache-2.0 Free for personal and commercial use.
- Name
- api-key
- Set
- Carbon
- Style
- Outline
- Category
- Organization
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
More organization icons from Carbon
4kaccept-action-usageaction-definitionaction-usageactivityadd-child-nodeadd-parent-nodeadd-serveraggregator-count-rowsaggregator-recalculationanalyticsanalytics-customanalytics-referenceanchorapiapi-1appapp-connectivityapplicationapplication-mobileapplication-virtualapplication-webarchivearea-range-dashed
Use the api key icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M28 26c-.178 0-.347.03-.511.074l-1.056-1.055c.352-.595.567-1.28.567-2.019s-.215-1.424-.567-2.019l1.055-1.055c.165.043.334.074.512.074a2 2 0 1 0-2-2c0 .178.03.347.074.512l-1.055 1.055C24.424 19.215 23.739 19 23 19s-1.424.215-2.019.567l-1.055-1.055c.043-.165.074-.334.074-.512a2 2 0 1 0-2 2c.178 0 .347-.03.512-.074l1.055 1.055C19.215 21.576 19 22.261 19 23s.215 1.424.567 2.019l-1.055 1.055A2 2 0 0 0 18 26a2 2 0 1 0 2 2c0-.178-.03-.347-.074-.512l1.055-1.055c.595.352 1.28.567 2.019.567s1.424-.215 2.019-.567l1.055 1.055A2 2 0 0 0 26 28a2 2 0 1 0 2-2m-7-3c0-1.102.897-2 2-2s2 .898 2 2s-.897 2-2 2s-2-.897-2-2"/><circle cx="22" cy="10" r="2" fill="currentColor"/><path fill="currentColor" d="M21 2c-4.963 0-9 4.037-9 9c0 .779.099 1.547.294 2.291L2 23.586V30h6.414l7-7l-2.707-2.707l-1.414 1.414L12.586 23l-1.59 1.59l-1.287-1.295l-1.418 1.41l1.29 1.299L7.587 28H4v-3.586l9.712-9.712l.856-.867l-.199-.585A7.008 7.008 0 0 1 21 4c3.86 0 7.001 3.14 7.001 7h2c0-4.963-4.037-9-9-9Z"/></svg>
React
import type { SVGProps } from "react";
export function CarbonApiKey(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="M28 26c-.178 0-.347.03-.511.074l-1.056-1.055c.352-.595.567-1.28.567-2.019s-.215-1.424-.567-2.019l1.055-1.055c.165.043.334.074.512.074a2 2 0 1 0-2-2c0 .178.03.347.074.512l-1.055 1.055C24.424 19.215 23.739 19 23 19s-1.424.215-2.019.567l-1.055-1.055c.043-.165.074-.334.074-.512a2 2 0 1 0-2 2c.178 0 .347-.03.512-.074l1.055 1.055C19.215 21.576 19 22.261 19 23s.215 1.424.567 2.019l-1.055 1.055A2 2 0 0 0 18 26a2 2 0 1 0 2 2c0-.178-.03-.347-.074-.512l1.055-1.055c.595.352 1.28.567 2.019.567s1.424-.215 2.019-.567l1.055 1.055A2 2 0 0 0 26 28a2 2 0 1 0 2-2m-7-3c0-1.102.897-2 2-2s2 .898 2 2s-.897 2-2 2s-2-.897-2-2"/><circle cx="22" cy="10" r="2" fill="currentColor"/><path fill="currentColor" d="M21 2c-4.963 0-9 4.037-9 9c0 .779.099 1.547.294 2.291L2 23.586V30h6.414l7-7l-2.707-2.707l-1.414 1.414L12.586 23l-1.59 1.59l-1.287-1.295l-1.418 1.41l1.29 1.299L7.587 28H4v-3.586l9.712-9.712l.856-.867l-.199-.585A7.008 7.008 0 0 1 21 4c3.86 0 7.001 3.14 7.001 7h2c0-4.963-4.037-9-9-9Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M28 26c-.178 0-.347.03-.511.074l-1.056-1.055c.352-.595.567-1.28.567-2.019s-.215-1.424-.567-2.019l1.055-1.055c.165.043.334.074.512.074a2 2 0 1 0-2-2c0 .178.03.347.074.512l-1.055 1.055C24.424 19.215 23.739 19 23 19s-1.424.215-2.019.567l-1.055-1.055c.043-.165.074-.334.074-.512a2 2 0 1 0-2 2c.178 0 .347-.03.512-.074l1.055 1.055C19.215 21.576 19 22.261 19 23s.215 1.424.567 2.019l-1.055 1.055A2 2 0 0 0 18 26a2 2 0 1 0 2 2c0-.178-.03-.347-.074-.512l1.055-1.055c.595.352 1.28.567 2.019.567s1.424-.215 2.019-.567l1.055 1.055A2 2 0 0 0 26 28a2 2 0 1 0 2-2m-7-3c0-1.102.897-2 2-2s2 .898 2 2s-.897 2-2 2s-2-.897-2-2"/><circle cx="22" cy="10" r="2" fill="currentColor"/><path fill="currentColor" d="M21 2c-4.963 0-9 4.037-9 9c0 .779.099 1.547.294 2.291L2 23.586V30h6.414l7-7l-2.707-2.707l-1.414 1.414L12.586 23l-1.59 1.59l-1.287-1.295l-1.418 1.41l1.29 1.299L7.587 28H4v-3.586l9.712-9.712l.856-.867l-.199-.585A7.008 7.008 0 0 1 21 4c3.86 0 7.001 3.14 7.001 7h2c0-4.963-4.037-9-9-9Z"/></svg> </template>
CSS
.icon-api-key {
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%22M28%2026c-.178%200-.347.03-.511.074l-1.056-1.055c.352-.595.567-1.28.567-2.019s-.215-1.424-.567-2.019l1.055-1.055c.165.043.334.074.512.074a2%202%200%201%200-2-2c0%20.178.03.347.074.512l-1.055%201.055C24.424%2019.215%2023.739%2019%2023%2019s-1.424.215-2.019.567l-1.055-1.055c.043-.165.074-.334.074-.512a2%202%200%201%200-2%202c.178%200%20.347-.03.512-.074l1.055%201.055C19.215%2021.576%2019%2022.261%2019%2023s.215%201.424.567%202.019l-1.055%201.055A2%202%200%200%200%2018%2026a2%202%200%201%200%202%202c0-.178-.03-.347-.074-.512l1.055-1.055c.595.352%201.28.567%202.019.567s1.424-.215%202.019-.567l1.055%201.055A2%202%200%200%200%2026%2028a2%202%200%201%200%202-2m-7-3c0-1.102.897-2%202-2s2%20.898%202%202s-.897%202-2%202s-2-.897-2-2%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2210%22%20r%3D%222%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21%202c-4.963%200-9%204.037-9%209c0%20.779.099%201.547.294%202.291L2%2023.586V30h6.414l7-7l-2.707-2.707l-1.414%201.414L12.586%2023l-1.59%201.59l-1.287-1.295l-1.418%201.41l1.29%201.299L7.587%2028H4v-3.586l9.712-9.712l.856-.867l-.199-.585A7.008%207.008%200%200%201%2021%204c3.86%200%207.001%203.14%207.001%207h2c0-4.963-4.037-9-9-9Z%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%22M28%2026c-.178%200-.347.03-.511.074l-1.056-1.055c.352-.595.567-1.28.567-2.019s-.215-1.424-.567-2.019l1.055-1.055c.165.043.334.074.512.074a2%202%200%201%200-2-2c0%20.178.03.347.074.512l-1.055%201.055C24.424%2019.215%2023.739%2019%2023%2019s-1.424.215-2.019.567l-1.055-1.055c.043-.165.074-.334.074-.512a2%202%200%201%200-2%202c.178%200%20.347-.03.512-.074l1.055%201.055C19.215%2021.576%2019%2022.261%2019%2023s.215%201.424.567%202.019l-1.055%201.055A2%202%200%200%200%2018%2026a2%202%200%201%200%202%202c0-.178-.03-.347-.074-.512l1.055-1.055c.595.352%201.28.567%202.019.567s1.424-.215%202.019-.567l1.055%201.055A2%202%200%200%200%2026%2028a2%202%200%201%200%202-2m-7-3c0-1.102.897-2%202-2s2%20.898%202%202s-.897%202-2%202s-2-.897-2-2%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2210%22%20r%3D%222%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21%202c-4.963%200-9%204.037-9%209c0%20.779.099%201.547.294%202.291L2%2023.586V30h6.414l7-7l-2.707-2.707l-1.414%201.414L12.586%2023l-1.59%201.59l-1.287-1.295l-1.418%201.41l1.29%201.299L7.587%2028H4v-3.586l9.712-9.712l.856-.867l-.199-.585A7.008%207.008%200%200%201%2021%204c3.86%200%207.001%203.14%207.001%207h2c0-4.963-4.037-9-9-9Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/api-key.svg?color=%231a73e8&size=48
