primitive icon
primitive from EOS Icons by SUSE UX/UI team · Regular · MIT Free for personal and commercial use.
- Name
- primitive
- Set
- EOS Icons
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
Use the primitive icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><circle cx="12" cy="12" r="2.197" fill="currentColor"/><path fill="currentColor" d="M21.634 6.437c-.709-1.228-2.411-1.732-4.796-1.424q-.454.061-.93.158C15.009 2.619 13.608 1 12 1c-1.61 0-3.013 1.624-3.913 4.183c-2.738-.542-4.907-.156-5.722 1.254c-.812 1.407-.07 3.47 1.757 5.563c-1.827 2.094-2.57 4.156-1.757 5.563c.582 1.008 1.85 1.496 3.525 1.496a11.5 11.5 0 0 0 2.197-.243C8.987 21.376 10.39 23 12 23c1.607 0 3.009-1.619 3.909-4.17q.475.096.93.157a10 10 0 0 0 1.296.088c1.705 0 2.927-.52 3.5-1.512c.812-1.407.07-3.47-1.757-5.563c1.827-2.094 2.569-4.156 1.756-5.563m-4.649-.297a9 9 0 0 1 1.16-.08c1.26 0 2.15.327 2.507.945c.504.874-.067 2.442-1.552 4.168a20.5 20.5 0 0 0-2.302-1.953a20 20 0 0 0-.547-2.936c.244-.047.5-.114.734-.144m-3.072 9.174q-.972.559-1.907.993a25 25 0 0 1-1.92-.993a25 25 0 0 1-1.819-1.16a24 24 0 0 1 0-4.309a24.5 24.5 0 0 1 3.73-2.149a25 25 0 0 1 1.916.99q.973.564 1.82 1.16a24 24 0 0 1 0 4.308q-.847.596-1.82 1.16m1.628.335a18 18 0 0 1-.392 1.824a19 19 0 0 1-1.76-.583q.544-.279 1.092-.594q.547-.316 1.06-.647m-4.924 1.244a18 18 0 0 1-1.766.581a18 18 0 0 1-.392-1.825q.515.331 1.06.647q.547.314 1.098.597M7.074 13.25A18 18 0 0 1 5.675 12a18 18 0 0 1 1.4-1.25q-.031.615-.033 1.25c-.002.635.012.84.032 1.25M8.46 8.352a18 18 0 0 1 .391-1.823a18 18 0 0 1 1.77.577q-.552.283-1.1.598q-.546.316-1.06.648m4.93-1.242a19 19 0 0 1 1.76-.583a18 18 0 0 1 .392 1.824q-.514-.331-1.06-.647q-.546-.314-1.091-.595m3.537 3.64A18 18 0 0 1 18.324 12a18 18 0 0 1-1.398 1.25q.031-.615.032-1.25c.001-.635-.012-.84-.032-1.25M12 2.129c.998 0 2.056 1.234 2.807 3.31a21 21 0 0 0-2.809 1.011a20.5 20.5 0 0 0-2.807-1.005C9.942 3.365 11 2.129 12 2.129M3.348 7.005c.351-.608 1.252-.934 2.52-.934a10.3 10.3 0 0 1 1.884.201a20 20 0 0 0-.55 2.948A20.5 20.5 0 0 0 4.9 11.173C3.414 9.447 2.843 7.88 3.348 7.005m0 9.99c-.505-.874.066-2.442 1.552-4.168a20.5 20.5 0 0 0 2.3 1.953a20 20 0 0 0 .552 2.953c-2.247.429-3.898.14-4.405-.738M12 21.87c-.999 0-2.058-1.237-2.81-3.317A20.5 20.5 0 0 0 12 17.55a21 21 0 0 0 2.806 1.01c-.75 2.076-1.81 3.31-2.807 3.31m8.652-4.876c-.46.792-1.793 1.109-3.667.865c-.235-.03-.49-.097-.734-.144a20 20 0 0 0 .547-2.936a20.5 20.5 0 0 0 2.302-1.953c1.485 1.726 2.056 3.294 1.552 4.168"/></svg>
React
import type { SVGProps } from "react";
export function EosIconsPrimitive(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><circle cx="12" cy="12" r="2.197" fill="currentColor"/><path fill="currentColor" d="M21.634 6.437c-.709-1.228-2.411-1.732-4.796-1.424q-.454.061-.93.158C15.009 2.619 13.608 1 12 1c-1.61 0-3.013 1.624-3.913 4.183c-2.738-.542-4.907-.156-5.722 1.254c-.812 1.407-.07 3.47 1.757 5.563c-1.827 2.094-2.57 4.156-1.757 5.563c.582 1.008 1.85 1.496 3.525 1.496a11.5 11.5 0 0 0 2.197-.243C8.987 21.376 10.39 23 12 23c1.607 0 3.009-1.619 3.909-4.17q.475.096.93.157a10 10 0 0 0 1.296.088c1.705 0 2.927-.52 3.5-1.512c.812-1.407.07-3.47-1.757-5.563c1.827-2.094 2.569-4.156 1.756-5.563m-4.649-.297a9 9 0 0 1 1.16-.08c1.26 0 2.15.327 2.507.945c.504.874-.067 2.442-1.552 4.168a20.5 20.5 0 0 0-2.302-1.953a20 20 0 0 0-.547-2.936c.244-.047.5-.114.734-.144m-3.072 9.174q-.972.559-1.907.993a25 25 0 0 1-1.92-.993a25 25 0 0 1-1.819-1.16a24 24 0 0 1 0-4.309a24.5 24.5 0 0 1 3.73-2.149a25 25 0 0 1 1.916.99q.973.564 1.82 1.16a24 24 0 0 1 0 4.308q-.847.596-1.82 1.16m1.628.335a18 18 0 0 1-.392 1.824a19 19 0 0 1-1.76-.583q.544-.279 1.092-.594q.547-.316 1.06-.647m-4.924 1.244a18 18 0 0 1-1.766.581a18 18 0 0 1-.392-1.825q.515.331 1.06.647q.547.314 1.098.597M7.074 13.25A18 18 0 0 1 5.675 12a18 18 0 0 1 1.4-1.25q-.031.615-.033 1.25c-.002.635.012.84.032 1.25M8.46 8.352a18 18 0 0 1 .391-1.823a18 18 0 0 1 1.77.577q-.552.283-1.1.598q-.546.316-1.06.648m4.93-1.242a19 19 0 0 1 1.76-.583a18 18 0 0 1 .392 1.824q-.514-.331-1.06-.647q-.546-.314-1.091-.595m3.537 3.64A18 18 0 0 1 18.324 12a18 18 0 0 1-1.398 1.25q.031-.615.032-1.25c.001-.635-.012-.84-.032-1.25M12 2.129c.998 0 2.056 1.234 2.807 3.31a21 21 0 0 0-2.809 1.011a20.5 20.5 0 0 0-2.807-1.005C9.942 3.365 11 2.129 12 2.129M3.348 7.005c.351-.608 1.252-.934 2.52-.934a10.3 10.3 0 0 1 1.884.201a20 20 0 0 0-.55 2.948A20.5 20.5 0 0 0 4.9 11.173C3.414 9.447 2.843 7.88 3.348 7.005m0 9.99c-.505-.874.066-2.442 1.552-4.168a20.5 20.5 0 0 0 2.3 1.953a20 20 0 0 0 .552 2.953c-2.247.429-3.898.14-4.405-.738M12 21.87c-.999 0-2.058-1.237-2.81-3.317A20.5 20.5 0 0 0 12 17.55a21 21 0 0 0 2.806 1.01c-.75 2.076-1.81 3.31-2.807 3.31m8.652-4.876c-.46.792-1.793 1.109-3.667.865c-.235-.03-.49-.097-.734-.144a20 20 0 0 0 .547-2.936a20.5 20.5 0 0 0 2.302-1.953c1.485 1.726 2.056 3.294 1.552 4.168"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><circle cx="12" cy="12" r="2.197" fill="currentColor"/><path fill="currentColor" d="M21.634 6.437c-.709-1.228-2.411-1.732-4.796-1.424q-.454.061-.93.158C15.009 2.619 13.608 1 12 1c-1.61 0-3.013 1.624-3.913 4.183c-2.738-.542-4.907-.156-5.722 1.254c-.812 1.407-.07 3.47 1.757 5.563c-1.827 2.094-2.57 4.156-1.757 5.563c.582 1.008 1.85 1.496 3.525 1.496a11.5 11.5 0 0 0 2.197-.243C8.987 21.376 10.39 23 12 23c1.607 0 3.009-1.619 3.909-4.17q.475.096.93.157a10 10 0 0 0 1.296.088c1.705 0 2.927-.52 3.5-1.512c.812-1.407.07-3.47-1.757-5.563c1.827-2.094 2.569-4.156 1.756-5.563m-4.649-.297a9 9 0 0 1 1.16-.08c1.26 0 2.15.327 2.507.945c.504.874-.067 2.442-1.552 4.168a20.5 20.5 0 0 0-2.302-1.953a20 20 0 0 0-.547-2.936c.244-.047.5-.114.734-.144m-3.072 9.174q-.972.559-1.907.993a25 25 0 0 1-1.92-.993a25 25 0 0 1-1.819-1.16a24 24 0 0 1 0-4.309a24.5 24.5 0 0 1 3.73-2.149a25 25 0 0 1 1.916.99q.973.564 1.82 1.16a24 24 0 0 1 0 4.308q-.847.596-1.82 1.16m1.628.335a18 18 0 0 1-.392 1.824a19 19 0 0 1-1.76-.583q.544-.279 1.092-.594q.547-.316 1.06-.647m-4.924 1.244a18 18 0 0 1-1.766.581a18 18 0 0 1-.392-1.825q.515.331 1.06.647q.547.314 1.098.597M7.074 13.25A18 18 0 0 1 5.675 12a18 18 0 0 1 1.4-1.25q-.031.615-.033 1.25c-.002.635.012.84.032 1.25M8.46 8.352a18 18 0 0 1 .391-1.823a18 18 0 0 1 1.77.577q-.552.283-1.1.598q-.546.316-1.06.648m4.93-1.242a19 19 0 0 1 1.76-.583a18 18 0 0 1 .392 1.824q-.514-.331-1.06-.647q-.546-.314-1.091-.595m3.537 3.64A18 18 0 0 1 18.324 12a18 18 0 0 1-1.398 1.25q.031-.615.032-1.25c.001-.635-.012-.84-.032-1.25M12 2.129c.998 0 2.056 1.234 2.807 3.31a21 21 0 0 0-2.809 1.011a20.5 20.5 0 0 0-2.807-1.005C9.942 3.365 11 2.129 12 2.129M3.348 7.005c.351-.608 1.252-.934 2.52-.934a10.3 10.3 0 0 1 1.884.201a20 20 0 0 0-.55 2.948A20.5 20.5 0 0 0 4.9 11.173C3.414 9.447 2.843 7.88 3.348 7.005m0 9.99c-.505-.874.066-2.442 1.552-4.168a20.5 20.5 0 0 0 2.3 1.953a20 20 0 0 0 .552 2.953c-2.247.429-3.898.14-4.405-.738M12 21.87c-.999 0-2.058-1.237-2.81-3.317A20.5 20.5 0 0 0 12 17.55a21 21 0 0 0 2.806 1.01c-.75 2.076-1.81 3.31-2.807 3.31m8.652-4.876c-.46.792-1.793 1.109-3.667.865c-.235-.03-.49-.097-.734-.144a20 20 0 0 0 .547-2.936a20.5 20.5 0 0 0 2.302-1.953c1.485 1.726 2.056 3.294 1.552 4.168"/></svg> </template>
CSS
.icon-primitive {
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%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222.197%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.634%206.437c-.709-1.228-2.411-1.732-4.796-1.424q-.454.061-.93.158C15.009%202.619%2013.608%201%2012%201c-1.61%200-3.013%201.624-3.913%204.183c-2.738-.542-4.907-.156-5.722%201.254c-.812%201.407-.07%203.47%201.757%205.563c-1.827%202.094-2.57%204.156-1.757%205.563c.582%201.008%201.85%201.496%203.525%201.496a11.5%2011.5%200%200%200%202.197-.243C8.987%2021.376%2010.39%2023%2012%2023c1.607%200%203.009-1.619%203.909-4.17q.475.096.93.157a10%2010%200%200%200%201.296.088c1.705%200%202.927-.52%203.5-1.512c.812-1.407.07-3.47-1.757-5.563c1.827-2.094%202.569-4.156%201.756-5.563m-4.649-.297a9%209%200%200%201%201.16-.08c1.26%200%202.15.327%202.507.945c.504.874-.067%202.442-1.552%204.168a20.5%2020.5%200%200%200-2.302-1.953a20%2020%200%200%200-.547-2.936c.244-.047.5-.114.734-.144m-3.072%209.174q-.972.559-1.907.993a25%2025%200%200%201-1.92-.993a25%2025%200%200%201-1.819-1.16a24%2024%200%200%201%200-4.309a24.5%2024.5%200%200%201%203.73-2.149a25%2025%200%200%201%201.916.99q.973.564%201.82%201.16a24%2024%200%200%201%200%204.308q-.847.596-1.82%201.16m1.628.335a18%2018%200%200%201-.392%201.824a19%2019%200%200%201-1.76-.583q.544-.279%201.092-.594q.547-.316%201.06-.647m-4.924%201.244a18%2018%200%200%201-1.766.581a18%2018%200%200%201-.392-1.825q.515.331%201.06.647q.547.314%201.098.597M7.074%2013.25A18%2018%200%200%201%205.675%2012a18%2018%200%200%201%201.4-1.25q-.031.615-.033%201.25c-.002.635.012.84.032%201.25M8.46%208.352a18%2018%200%200%201%20.391-1.823a18%2018%200%200%201%201.77.577q-.552.283-1.1.598q-.546.316-1.06.648m4.93-1.242a19%2019%200%200%201%201.76-.583a18%2018%200%200%201%20.392%201.824q-.514-.331-1.06-.647q-.546-.314-1.091-.595m3.537%203.64A18%2018%200%200%201%2018.324%2012a18%2018%200%200%201-1.398%201.25q.031-.615.032-1.25c.001-.635-.012-.84-.032-1.25M12%202.129c.998%200%202.056%201.234%202.807%203.31a21%2021%200%200%200-2.809%201.011a20.5%2020.5%200%200%200-2.807-1.005C9.942%203.365%2011%202.129%2012%202.129M3.348%207.005c.351-.608%201.252-.934%202.52-.934a10.3%2010.3%200%200%201%201.884.201a20%2020%200%200%200-.55%202.948A20.5%2020.5%200%200%200%204.9%2011.173C3.414%209.447%202.843%207.88%203.348%207.005m0%209.99c-.505-.874.066-2.442%201.552-4.168a20.5%2020.5%200%200%200%202.3%201.953a20%2020%200%200%200%20.552%202.953c-2.247.429-3.898.14-4.405-.738M12%2021.87c-.999%200-2.058-1.237-2.81-3.317A20.5%2020.5%200%200%200%2012%2017.55a21%2021%200%200%200%202.806%201.01c-.75%202.076-1.81%203.31-2.807%203.31m8.652-4.876c-.46.792-1.793%201.109-3.667.865c-.235-.03-.49-.097-.734-.144a20%2020%200%200%200%20.547-2.936a20.5%2020.5%200%200%200%202.302-1.953c1.485%201.726%202.056%203.294%201.552%204.168%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%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222.197%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.634%206.437c-.709-1.228-2.411-1.732-4.796-1.424q-.454.061-.93.158C15.009%202.619%2013.608%201%2012%201c-1.61%200-3.013%201.624-3.913%204.183c-2.738-.542-4.907-.156-5.722%201.254c-.812%201.407-.07%203.47%201.757%205.563c-1.827%202.094-2.57%204.156-1.757%205.563c.582%201.008%201.85%201.496%203.525%201.496a11.5%2011.5%200%200%200%202.197-.243C8.987%2021.376%2010.39%2023%2012%2023c1.607%200%203.009-1.619%203.909-4.17q.475.096.93.157a10%2010%200%200%200%201.296.088c1.705%200%202.927-.52%203.5-1.512c.812-1.407.07-3.47-1.757-5.563c1.827-2.094%202.569-4.156%201.756-5.563m-4.649-.297a9%209%200%200%201%201.16-.08c1.26%200%202.15.327%202.507.945c.504.874-.067%202.442-1.552%204.168a20.5%2020.5%200%200%200-2.302-1.953a20%2020%200%200%200-.547-2.936c.244-.047.5-.114.734-.144m-3.072%209.174q-.972.559-1.907.993a25%2025%200%200%201-1.92-.993a25%2025%200%200%201-1.819-1.16a24%2024%200%200%201%200-4.309a24.5%2024.5%200%200%201%203.73-2.149a25%2025%200%200%201%201.916.99q.973.564%201.82%201.16a24%2024%200%200%201%200%204.308q-.847.596-1.82%201.16m1.628.335a18%2018%200%200%201-.392%201.824a19%2019%200%200%201-1.76-.583q.544-.279%201.092-.594q.547-.316%201.06-.647m-4.924%201.244a18%2018%200%200%201-1.766.581a18%2018%200%200%201-.392-1.825q.515.331%201.06.647q.547.314%201.098.597M7.074%2013.25A18%2018%200%200%201%205.675%2012a18%2018%200%200%201%201.4-1.25q-.031.615-.033%201.25c-.002.635.012.84.032%201.25M8.46%208.352a18%2018%200%200%201%20.391-1.823a18%2018%200%200%201%201.77.577q-.552.283-1.1.598q-.546.316-1.06.648m4.93-1.242a19%2019%200%200%201%201.76-.583a18%2018%200%200%201%20.392%201.824q-.514-.331-1.06-.647q-.546-.314-1.091-.595m3.537%203.64A18%2018%200%200%201%2018.324%2012a18%2018%200%200%201-1.398%201.25q.031-.615.032-1.25c.001-.635-.012-.84-.032-1.25M12%202.129c.998%200%202.056%201.234%202.807%203.31a21%2021%200%200%200-2.809%201.011a20.5%2020.5%200%200%200-2.807-1.005C9.942%203.365%2011%202.129%2012%202.129M3.348%207.005c.351-.608%201.252-.934%202.52-.934a10.3%2010.3%200%200%201%201.884.201a20%2020%200%200%200-.55%202.948A20.5%2020.5%200%200%200%204.9%2011.173C3.414%209.447%202.843%207.88%203.348%207.005m0%209.99c-.505-.874.066-2.442%201.552-4.168a20.5%2020.5%200%200%200%202.3%201.953a20%2020%200%200%200%20.552%202.953c-2.247.429-3.898.14-4.405-.738M12%2021.87c-.999%200-2.058-1.237-2.81-3.317A20.5%2020.5%200%200%200%2012%2017.55a21%2021%200%200%200%202.806%201.01c-.75%202.076-1.81%203.31-2.807%203.31m8.652-4.876c-.46.792-1.793%201.109-3.667.865c-.235-.03-.49-.097-.734-.144a20%2020%200%200%200%20.547-2.936a20.5%2020.5%200%200%200%202.302-1.953c1.485%201.726%202.056%203.294%201.552%204.168%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/eos-icons/primitive.svg?color=%231a73e8&size=48
