colon sign icon

The same icon in other sets

Use the colon sign icon

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M341.8 72.7c12.9 3.2 20.7 16.2 17.5 29.1l-4.6 18.5c15.4.8 30.4 3.4 44.7 7.5l9.4-37.6c3.1-12.9 16.2-20.7 29-17.5s20.7 16.3 17.5 29.1l-11.3 45c13.5 7.8 26 17.1 37.2 27.8c12.9 12.1 13.4 32.4 1.3 45.2s-32.4 13.4-45.2 1.3c-3.1-2.9-6.4-5.8-9.8-8.4L367.2 454c26.9-4.6 51.1-17.1 70.1-35.1c12.9-12.1 33.1-11.5 45.2 1.3s11.5 33.1-1.3 45.2c-34.3 32.3-80 52.8-130.5 54.4l-7.5 29.9c-3.2 12.9-16.2 20.7-29.1 17.5s-20.7-16.2-17.5-29.1l5.6-22.5c-15-3.2-29.4-8-42.9-14.4l-12.1 48.5c-3.2 12.9-16.2 20.7-29.1 17.5s-20.6-16.2-17.4-29l16-63.9C172.3 437.6 144 382.1 144 320c0-96.8 68.8-177.6 160.3-196l8.4-33.8c3.2-12.9 16.3-20.7 29.1-17.5M286 196.9c-46.1 21.8-78 68.7-78 123.1c0 30.5 10 58.6 26.9 81.3zm-10.6 240.5c13 7.6 27.3 13.1 42.5 16.1l65.9-263.6c-12.6-3.8-25.9-5.9-39.8-5.9c-1.8 0-3.5 0-5.3.1z"/></svg>

import type { SVGProps } from "react";

export function Fa7SolidColonSign(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M341.8 72.7c12.9 3.2 20.7 16.2 17.5 29.1l-4.6 18.5c15.4.8 30.4 3.4 44.7 7.5l9.4-37.6c3.1-12.9 16.2-20.7 29-17.5s20.7 16.3 17.5 29.1l-11.3 45c13.5 7.8 26 17.1 37.2 27.8c12.9 12.1 13.4 32.4 1.3 45.2s-32.4 13.4-45.2 1.3c-3.1-2.9-6.4-5.8-9.8-8.4L367.2 454c26.9-4.6 51.1-17.1 70.1-35.1c12.9-12.1 33.1-11.5 45.2 1.3s11.5 33.1-1.3 45.2c-34.3 32.3-80 52.8-130.5 54.4l-7.5 29.9c-3.2 12.9-16.2 20.7-29.1 17.5s-20.7-16.2-17.5-29.1l5.6-22.5c-15-3.2-29.4-8-42.9-14.4l-12.1 48.5c-3.2 12.9-16.2 20.7-29.1 17.5s-20.6-16.2-17.4-29l16-63.9C172.3 437.6 144 382.1 144 320c0-96.8 68.8-177.6 160.3-196l8.4-33.8c3.2-12.9 16.3-20.7 29.1-17.5M286 196.9c-46.1 21.8-78 68.7-78 123.1c0 30.5 10 58.6 26.9 81.3zm-10.6 240.5c13 7.6 27.3 13.1 42.5 16.1l65.9-263.6c-12.6-3.8-25.9-5.9-39.8-5.9c-1.8 0-3.5 0-5.3.1z"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M341.8 72.7c12.9 3.2 20.7 16.2 17.5 29.1l-4.6 18.5c15.4.8 30.4 3.4 44.7 7.5l9.4-37.6c3.1-12.9 16.2-20.7 29-17.5s20.7 16.3 17.5 29.1l-11.3 45c13.5 7.8 26 17.1 37.2 27.8c12.9 12.1 13.4 32.4 1.3 45.2s-32.4 13.4-45.2 1.3c-3.1-2.9-6.4-5.8-9.8-8.4L367.2 454c26.9-4.6 51.1-17.1 70.1-35.1c12.9-12.1 33.1-11.5 45.2 1.3s11.5 33.1-1.3 45.2c-34.3 32.3-80 52.8-130.5 54.4l-7.5 29.9c-3.2 12.9-16.2 20.7-29.1 17.5s-20.7-16.2-17.5-29.1l5.6-22.5c-15-3.2-29.4-8-42.9-14.4l-12.1 48.5c-3.2 12.9-16.2 20.7-29.1 17.5s-20.6-16.2-17.4-29l16-63.9C172.3 437.6 144 382.1 144 320c0-96.8 68.8-177.6 160.3-196l8.4-33.8c3.2-12.9 16.3-20.7 29.1-17.5M286 196.9c-46.1 21.8-78 68.7-78 123.1c0 30.5 10 58.6 26.9 81.3zm-10.6 240.5c13 7.6 27.3 13.1 42.5 16.1l65.9-263.6c-12.6-3.8-25.9-5.9-39.8-5.9c-1.8 0-3.5 0-5.3.1z"/></svg>
</template>

.icon-colon-sign {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M341.8%2072.7c12.9%203.2%2020.7%2016.2%2017.5%2029.1l-4.6%2018.5c15.4.8%2030.4%203.4%2044.7%207.5l9.4-37.6c3.1-12.9%2016.2-20.7%2029-17.5s20.7%2016.3%2017.5%2029.1l-11.3%2045c13.5%207.8%2026%2017.1%2037.2%2027.8c12.9%2012.1%2013.4%2032.4%201.3%2045.2s-32.4%2013.4-45.2%201.3c-3.1-2.9-6.4-5.8-9.8-8.4L367.2%20454c26.9-4.6%2051.1-17.1%2070.1-35.1c12.9-12.1%2033.1-11.5%2045.2%201.3s11.5%2033.1-1.3%2045.2c-34.3%2032.3-80%2052.8-130.5%2054.4l-7.5%2029.9c-3.2%2012.9-16.2%2020.7-29.1%2017.5s-20.7-16.2-17.5-29.1l5.6-22.5c-15-3.2-29.4-8-42.9-14.4l-12.1%2048.5c-3.2%2012.9-16.2%2020.7-29.1%2017.5s-20.6-16.2-17.4-29l16-63.9C172.3%20437.6%20144%20382.1%20144%20320c0-96.8%2068.8-177.6%20160.3-196l8.4-33.8c3.2-12.9%2016.3-20.7%2029.1-17.5M286%20196.9c-46.1%2021.8-78%2068.7-78%20123.1c0%2030.5%2010%2058.6%2026.9%2081.3zm-10.6%20240.5c13%207.6%2027.3%2013.1%2042.5%2016.1l65.9-263.6c-12.6-3.8-25.9-5.9-39.8-5.9c-1.8%200-3.5%200-5.3.1z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M341.8%2072.7c12.9%203.2%2020.7%2016.2%2017.5%2029.1l-4.6%2018.5c15.4.8%2030.4%203.4%2044.7%207.5l9.4-37.6c3.1-12.9%2016.2-20.7%2029-17.5s20.7%2016.3%2017.5%2029.1l-11.3%2045c13.5%207.8%2026%2017.1%2037.2%2027.8c12.9%2012.1%2013.4%2032.4%201.3%2045.2s-32.4%2013.4-45.2%201.3c-3.1-2.9-6.4-5.8-9.8-8.4L367.2%20454c26.9-4.6%2051.1-17.1%2070.1-35.1c12.9-12.1%2033.1-11.5%2045.2%201.3s11.5%2033.1-1.3%2045.2c-34.3%2032.3-80%2052.8-130.5%2054.4l-7.5%2029.9c-3.2%2012.9-16.2%2020.7-29.1%2017.5s-20.7-16.2-17.5-29.1l5.6-22.5c-15-3.2-29.4-8-42.9-14.4l-12.1%2048.5c-3.2%2012.9-16.2%2020.7-29.1%2017.5s-20.6-16.2-17.4-29l16-63.9C172.3%20437.6%20144%20382.1%20144%20320c0-96.8%2068.8-177.6%20160.3-196l8.4-33.8c3.2-12.9%2016.3-20.7%2029.1-17.5M286%20196.9c-46.1%2021.8-78%2068.7-78%20123.1c0%2030.5%2010%2058.6%2026.9%2081.3zm-10.6%20240.5c13%207.6%2027.3%2013.1%2042.5%2016.1l65.9-263.6c-12.6-3.8-25.9-5.9-39.8-5.9c-1.8%200-3.5%200-5.3.1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/colon-sign.svg?color=%231a73e8&size=48