lock combination icon

lock-combination from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name
lock-combination
Set
IonIcons
Style
Regular
Viewbox
512×512
License
MIT

Related icons in IonIcons

lock-closedlock-open

Use the lock combination icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M384 176.905V128C384 57.308 326.692 0 256 0S128 57.308 128 128v48.906C88.725 212.062 64 263.141 64 320c0 106.039 85.962 192 192 192 106.039 0 192-85.961 192-192 0-56.859-24.725-107.938-64-143.095zM160 128c0-52.935 43.065-96 96-96s96 43.065 96 96v25.692C323.759 137.355 290.973 128 256 128s-67.759 9.355-96 25.693V128zm96 352c-88.366 0-160-71.634-160-160s71.634-160 160-160 160 71.634 160 160-71.634 160-160 160z" fill="currentColor"/><path d="M256 176c-79.529 0-144 64.472-144 144s64.471 144 144 144 144-64.472 144-144-64.471-144-144-144zm122.533 177.487l-24.12-7.896-3.926 12.19 24.161 7.912a127.543 127.543 0 0 1-14.252 27.409l-10.56-7.737-3.74 5.184 10.555 7.734a126.978 126.978 0 0 1-21.028 21.682l-14.982-20.787-10.284 7.532 14.976 20.776a125.91 125.91 0 0 1-27.398 13.532l-3.96-12.294-6.049 1.982 4.924 12.262C283.335 445.77 273 447.497 264 448v-19h-16v19c-11-.506-19.705-2.244-29.243-5.065l3.948-11.206-6.25-2.106-3.539 11.224a125.5 125.5 0 0 1-26.864-13.359l14.997-20.774-10.27-7.534-14.977 20.787a126.947 126.947 0 0 1-20.953-21.583l9.556-6.998-3.971-5.507-9.562 7a127.464 127.464 0 0 1-14.093-27.186l24.162-7.914-3.926-12.188-24.121 7.897c-2.49-9.431-3.954-18.488-4.258-29.487H134v-6.805l-5.993-.002c.223-10.606.672-20.88 3.266-30.682l24.921 7.9 4.347-12.188-23.966-7.914c3.585-9.57 8.36-18.583 13.985-26.879l10.339 7.533 3.759-5.184-10.292-7.545a126.835 126.835 0 0 1 21.434-22.197l14.984 20.787 10.284-7.536-14.975-20.774a125.584 125.584 0 0 1 27.16-13.449l3.955 12.247 6.044-1.98-4.62-12.231C228.21 194.258 237 192.508 248 192v19h16v-19c9 .498 19.159 2.198 28.585 4.951l-4.761 13.28 6.182 2.106 4.174-13.312c9.696 3.408 18.778 7.957 27.208 13.491l-15.002 20.775 10.267 7.535 14.975-20.787a127.02 127.02 0 0 1 21.255 21.977l-11.299 8.268 3.975 5.512 11.276-8.26a127.654 127.654 0 0 1 13.816 26.775l-24.165 7.914 3.928 12.188 24.12-7.9c2.586 9.802 5.251 20.075 5.47 30.683l-8.004-.004V324h6.789c-.303 10.999-1.769 20.057-4.256 29.487z" fill="currentColor"/><circle cx="256" cy="320" r="81" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function IonLockCombination(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M384 176.905V128C384 57.308 326.692 0 256 0S128 57.308 128 128v48.906C88.725 212.062 64 263.141 64 320c0 106.039 85.962 192 192 192 106.039 0 192-85.961 192-192 0-56.859-24.725-107.938-64-143.095zM160 128c0-52.935 43.065-96 96-96s96 43.065 96 96v25.692C323.759 137.355 290.973 128 256 128s-67.759 9.355-96 25.693V128zm96 352c-88.366 0-160-71.634-160-160s71.634-160 160-160 160 71.634 160 160-71.634 160-160 160z" fill="currentColor"/><path d="M256 176c-79.529 0-144 64.472-144 144s64.471 144 144 144 144-64.472 144-144-64.471-144-144-144zm122.533 177.487l-24.12-7.896-3.926 12.19 24.161 7.912a127.543 127.543 0 0 1-14.252 27.409l-10.56-7.737-3.74 5.184 10.555 7.734a126.978 126.978 0 0 1-21.028 21.682l-14.982-20.787-10.284 7.532 14.976 20.776a125.91 125.91 0 0 1-27.398 13.532l-3.96-12.294-6.049 1.982 4.924 12.262C283.335 445.77 273 447.497 264 448v-19h-16v19c-11-.506-19.705-2.244-29.243-5.065l3.948-11.206-6.25-2.106-3.539 11.224a125.5 125.5 0 0 1-26.864-13.359l14.997-20.774-10.27-7.534-14.977 20.787a126.947 126.947 0 0 1-20.953-21.583l9.556-6.998-3.971-5.507-9.562 7a127.464 127.464 0 0 1-14.093-27.186l24.162-7.914-3.926-12.188-24.121 7.897c-2.49-9.431-3.954-18.488-4.258-29.487H134v-6.805l-5.993-.002c.223-10.606.672-20.88 3.266-30.682l24.921 7.9 4.347-12.188-23.966-7.914c3.585-9.57 8.36-18.583 13.985-26.879l10.339 7.533 3.759-5.184-10.292-7.545a126.835 126.835 0 0 1 21.434-22.197l14.984 20.787 10.284-7.536-14.975-20.774a125.584 125.584 0 0 1 27.16-13.449l3.955 12.247 6.044-1.98-4.62-12.231C228.21 194.258 237 192.508 248 192v19h16v-19c9 .498 19.159 2.198 28.585 4.951l-4.761 13.28 6.182 2.106 4.174-13.312c9.696 3.408 18.778 7.957 27.208 13.491l-15.002 20.775 10.267 7.535 14.975-20.787a127.02 127.02 0 0 1 21.255 21.977l-11.299 8.268 3.975 5.512 11.276-8.26a127.654 127.654 0 0 1 13.816 26.775l-24.165 7.914 3.928 12.188 24.12-7.9c2.586 9.802 5.251 20.075 5.47 30.683l-8.004-.004V324h6.789c-.303 10.999-1.769 20.057-4.256 29.487z" fill="currentColor"/><circle cx="256" cy="320" r="81" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M384 176.905V128C384 57.308 326.692 0 256 0S128 57.308 128 128v48.906C88.725 212.062 64 263.141 64 320c0 106.039 85.962 192 192 192 106.039 0 192-85.961 192-192 0-56.859-24.725-107.938-64-143.095zM160 128c0-52.935 43.065-96 96-96s96 43.065 96 96v25.692C323.759 137.355 290.973 128 256 128s-67.759 9.355-96 25.693V128zm96 352c-88.366 0-160-71.634-160-160s71.634-160 160-160 160 71.634 160 160-71.634 160-160 160z" fill="currentColor"/><path d="M256 176c-79.529 0-144 64.472-144 144s64.471 144 144 144 144-64.472 144-144-64.471-144-144-144zm122.533 177.487l-24.12-7.896-3.926 12.19 24.161 7.912a127.543 127.543 0 0 1-14.252 27.409l-10.56-7.737-3.74 5.184 10.555 7.734a126.978 126.978 0 0 1-21.028 21.682l-14.982-20.787-10.284 7.532 14.976 20.776a125.91 125.91 0 0 1-27.398 13.532l-3.96-12.294-6.049 1.982 4.924 12.262C283.335 445.77 273 447.497 264 448v-19h-16v19c-11-.506-19.705-2.244-29.243-5.065l3.948-11.206-6.25-2.106-3.539 11.224a125.5 125.5 0 0 1-26.864-13.359l14.997-20.774-10.27-7.534-14.977 20.787a126.947 126.947 0 0 1-20.953-21.583l9.556-6.998-3.971-5.507-9.562 7a127.464 127.464 0 0 1-14.093-27.186l24.162-7.914-3.926-12.188-24.121 7.897c-2.49-9.431-3.954-18.488-4.258-29.487H134v-6.805l-5.993-.002c.223-10.606.672-20.88 3.266-30.682l24.921 7.9 4.347-12.188-23.966-7.914c3.585-9.57 8.36-18.583 13.985-26.879l10.339 7.533 3.759-5.184-10.292-7.545a126.835 126.835 0 0 1 21.434-22.197l14.984 20.787 10.284-7.536-14.975-20.774a125.584 125.584 0 0 1 27.16-13.449l3.955 12.247 6.044-1.98-4.62-12.231C228.21 194.258 237 192.508 248 192v19h16v-19c9 .498 19.159 2.198 28.585 4.951l-4.761 13.28 6.182 2.106 4.174-13.312c9.696 3.408 18.778 7.957 27.208 13.491l-15.002 20.775 10.267 7.535 14.975-20.787a127.02 127.02 0 0 1 21.255 21.977l-11.299 8.268 3.975 5.512 11.276-8.26a127.654 127.654 0 0 1 13.816 26.775l-24.165 7.914 3.928 12.188 24.12-7.9c2.586 9.802 5.251 20.075 5.47 30.683l-8.004-.004V324h6.789c-.303 10.999-1.769 20.057-4.256 29.487z" fill="currentColor"/><circle cx="256" cy="320" r="81" fill="currentColor"/></svg>
</template>

CSS

.icon-lock-combination {
  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%20512%20512%22%3E%3Cpath%20d%3D%22M384%20176.905V128C384%2057.308%20326.692%200%20256%200S128%2057.308%20128%20128v48.906C88.725%20212.062%2064%20263.141%2064%20320c0%20106.039%2085.962%20192%20192%20192%20106.039%200%20192-85.961%20192-192%200-56.859-24.725-107.938-64-143.095zM160%20128c0-52.935%2043.065-96%2096-96s96%2043.065%2096%2096v25.692C323.759%20137.355%20290.973%20128%20256%20128s-67.759%209.355-96%2025.693V128zm96%20352c-88.366%200-160-71.634-160-160s71.634-160%20160-160%20160%2071.634%20160%20160-71.634%20160-160%20160z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%20176c-79.529%200-144%2064.472-144%20144s64.471%20144%20144%20144%20144-64.472%20144-144-64.471-144-144-144zm122.533%20177.487l-24.12-7.896-3.926%2012.19%2024.161%207.912a127.543%20127.543%200%200%201-14.252%2027.409l-10.56-7.737-3.74%205.184%2010.555%207.734a126.978%20126.978%200%200%201-21.028%2021.682l-14.982-20.787-10.284%207.532%2014.976%2020.776a125.91%20125.91%200%200%201-27.398%2013.532l-3.96-12.294-6.049%201.982%204.924%2012.262C283.335%20445.77%20273%20447.497%20264%20448v-19h-16v19c-11-.506-19.705-2.244-29.243-5.065l3.948-11.206-6.25-2.106-3.539%2011.224a125.5%20125.5%200%200%201-26.864-13.359l14.997-20.774-10.27-7.534-14.977%2020.787a126.947%20126.947%200%200%201-20.953-21.583l9.556-6.998-3.971-5.507-9.562%207a127.464%20127.464%200%200%201-14.093-27.186l24.162-7.914-3.926-12.188-24.121%207.897c-2.49-9.431-3.954-18.488-4.258-29.487H134v-6.805l-5.993-.002c.223-10.606.672-20.88%203.266-30.682l24.921%207.9%204.347-12.188-23.966-7.914c3.585-9.57%208.36-18.583%2013.985-26.879l10.339%207.533%203.759-5.184-10.292-7.545a126.835%20126.835%200%200%201%2021.434-22.197l14.984%2020.787%2010.284-7.536-14.975-20.774a125.584%20125.584%200%200%201%2027.16-13.449l3.955%2012.247%206.044-1.98-4.62-12.231C228.21%20194.258%20237%20192.508%20248%20192v19h16v-19c9%20.498%2019.159%202.198%2028.585%204.951l-4.761%2013.28%206.182%202.106%204.174-13.312c9.696%203.408%2018.778%207.957%2027.208%2013.491l-15.002%2020.775%2010.267%207.535%2014.975-20.787a127.02%20127.02%200%200%201%2021.255%2021.977l-11.299%208.268%203.975%205.512%2011.276-8.26a127.654%20127.654%200%200%201%2013.816%2026.775l-24.165%207.914%203.928%2012.188%2024.12-7.9c2.586%209.802%205.251%2020.075%205.47%2030.683l-8.004-.004V324h6.789c-.303%2010.999-1.769%2020.057-4.256%2029.487z%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22320%22%20r%3D%2281%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M384%20176.905V128C384%2057.308%20326.692%200%20256%200S128%2057.308%20128%20128v48.906C88.725%20212.062%2064%20263.141%2064%20320c0%20106.039%2085.962%20192%20192%20192%20106.039%200%20192-85.961%20192-192%200-56.859-24.725-107.938-64-143.095zM160%20128c0-52.935%2043.065-96%2096-96s96%2043.065%2096%2096v25.692C323.759%20137.355%20290.973%20128%20256%20128s-67.759%209.355-96%2025.693V128zm96%20352c-88.366%200-160-71.634-160-160s71.634-160%20160-160%20160%2071.634%20160%20160-71.634%20160-160%20160z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%20176c-79.529%200-144%2064.472-144%20144s64.471%20144%20144%20144%20144-64.472%20144-144-64.471-144-144-144zm122.533%20177.487l-24.12-7.896-3.926%2012.19%2024.161%207.912a127.543%20127.543%200%200%201-14.252%2027.409l-10.56-7.737-3.74%205.184%2010.555%207.734a126.978%20126.978%200%200%201-21.028%2021.682l-14.982-20.787-10.284%207.532%2014.976%2020.776a125.91%20125.91%200%200%201-27.398%2013.532l-3.96-12.294-6.049%201.982%204.924%2012.262C283.335%20445.77%20273%20447.497%20264%20448v-19h-16v19c-11-.506-19.705-2.244-29.243-5.065l3.948-11.206-6.25-2.106-3.539%2011.224a125.5%20125.5%200%200%201-26.864-13.359l14.997-20.774-10.27-7.534-14.977%2020.787a126.947%20126.947%200%200%201-20.953-21.583l9.556-6.998-3.971-5.507-9.562%207a127.464%20127.464%200%200%201-14.093-27.186l24.162-7.914-3.926-12.188-24.121%207.897c-2.49-9.431-3.954-18.488-4.258-29.487H134v-6.805l-5.993-.002c.223-10.606.672-20.88%203.266-30.682l24.921%207.9%204.347-12.188-23.966-7.914c3.585-9.57%208.36-18.583%2013.985-26.879l10.339%207.533%203.759-5.184-10.292-7.545a126.835%20126.835%200%200%201%2021.434-22.197l14.984%2020.787%2010.284-7.536-14.975-20.774a125.584%20125.584%200%200%201%2027.16-13.449l3.955%2012.247%206.044-1.98-4.62-12.231C228.21%20194.258%20237%20192.508%20248%20192v19h16v-19c9%20.498%2019.159%202.198%2028.585%204.951l-4.761%2013.28%206.182%202.106%204.174-13.312c9.696%203.408%2018.778%207.957%2027.208%2013.491l-15.002%2020.775%2010.267%207.535%2014.975-20.787a127.02%20127.02%200%200%201%2021.255%2021.977l-11.299%208.268%203.975%205.512%2011.276-8.26a127.654%20127.654%200%200%201%2013.816%2026.775l-24.165%207.914%203.928%2012.188%2024.12-7.9c2.586%209.802%205.251%2020.075%205.47%2030.683l-8.004-.004V324h6.789c-.303%2010.999-1.769%2020.057-4.256%2029.487z%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22320%22%20r%3D%2281%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/lock-combination.svg?color=%231a73e8&size=48