Namespace Icon SVG
Namespace
Namespace SVG Icon Code | Customize color
You can get svg icon namespace in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Namespace
DownloadSvg Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M23,11v2c-.85217,0-1,.35065-1,1.31433v4.49719C22,21.32635,20.54016,21.968,18,22V20c1.40363-.03186,2,.15375,2-1.35931V14.3432a3.08829,3.08829,0,0,1,.29431-1.56036A1.71331,1.71331,0,0,1,21.2915,12a1.71317,1.71317,0,0,1-.99719-.7829A3.08814,3.08814,0,0,1,20,9.65674V5.35925C20,3.84625,19.40363,4.03192,18,4V2c2.54016.03192,4,.67365,4,3.18848V9.68567C22,10.64935,22.14783,11,23,11ZM1,11v2c.85217,0,1,.35065,1,1.31433v4.49719C2,21.32635,3.45984,21.968,6,22V20c-1.40363-.03186-2,.15375-2-1.35931V14.3432a3.08829,3.08829,0,0,0-.29431-1.56036A1.71331,1.71331,0,0,0,2.7085,12a1.71317,1.71317,0,0,0,.99719-.7829A3.08814,3.08814,0,0,0,4,9.65674V5.35925C4,3.84625,4.59637,4.03192,6,4V2c-2.54016.03192-4,.67365-4,3.18848V9.68567C2,10.64935,1.85217,11,1,11ZM18,9H6v6H18ZM8,11h8v2H8Z"/></svg>
Namespace
DownloadSvg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M23,11v2c-.85217,0-1,.35065-1,1.31433v4.49719C22,21.32635,20.54016,21.968,18,22V20c1.40363-.03186,2,.15375,2-1.35931V14.3432a3.08829,3.08829,0,0,1,.29431-1.56036A1.71331,1.71331,0,0,1,21.2915,12a1.71317,1.71317,0,0,1-.99719-.7829A3.08814,3.08814,0,0,1,20,9.65674V5.35925C20,3.84625,19.40363,4.03192,18,4V2c2.54016.03192,4,.67365,4,3.18848V9.68567C22,10.64935,22.14783,11,23,11ZM1,11v2c.85217,0,1,.35065,1,1.31433v4.49719C2,21.32635,3.45984,21.968,6,22V20c-1.40363-.03186-2,.15375-2-1.35931V14.3432a3.08829,3.08829,0,0,0-.29431-1.56036A1.71331,1.71331,0,0,0,2.7085,12a1.71317,1.71317,0,0,0,.99719-.7829A3.08814,3.08814,0,0,0,4,9.65674V5.35925C4,3.84625,4.59637,4.03192,6,4V2c-2.54016.03192-4,.67365-4,3.18848V9.68567C2,10.64935,1.85217,11,1,11ZM18,9H6v6H18ZM8,11h8v2H8Z" fill="white"></path></svg>
Namespace
DownloadSvg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M23,11v2c-.85217,0-1,.35065-1,1.31433v4.49719C22,21.32635,20.54016,21.968,18,22V20c1.40363-.03186,2,.15375,2-1.35931V14.3432a3.08829,3.08829,0,0,1,.29431-1.56036A1.71331,1.71331,0,0,1,21.2915,12a1.71317,1.71317,0,0,1-.99719-.7829A3.08814,3.08814,0,0,1,20,9.65674V5.35925C20,3.84625,19.40363,4.03192,18,4V2c2.54016.03192,4,.67365,4,3.18848V9.68567C22,10.64935,22.14783,11,23,11ZM1,11v2c.85217,0,1,.35065,1,1.31433v4.49719C2,21.32635,3.45984,21.968,6,22V20c-1.40363-.03186-2,.15375-2-1.35931V14.3432a3.08829,3.08829,0,0,0-.29431-1.56036A1.71331,1.71331,0,0,0,2.7085,12a1.71317,1.71317,0,0,0,.99719-.7829A3.08814,3.08814,0,0,0,4,9.65674V5.35925C4,3.84625,4.59637,4.03192,6,4V2c-2.54016.03192-4,.67365-4,3.18848V9.68567C2,10.64935,1.85217,11,1,11ZM18,9H6v6H18ZM8,11h8v2H8Z" fill="red"></path></svg>
Namespace
DownloadSvg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M23,11v2c-.85217,0-1,.35065-1,1.31433v4.49719C22,21.32635,20.54016,21.968,18,22V20c1.40363-.03186,2,.15375,2-1.35931V14.3432a3.08829,3.08829,0,0,1,.29431-1.56036A1.71331,1.71331,0,0,1,21.2915,12a1.71317,1.71317,0,0,1-.99719-.7829A3.08814,3.08814,0,0,1,20,9.65674V5.35925C20,3.84625,19.40363,4.03192,18,4V2c2.54016.03192,4,.67365,4,3.18848V9.68567C22,10.64935,22.14783,11,23,11ZM1,11v2c.85217,0,1,.35065,1,1.31433v4.49719C2,21.32635,3.45984,21.968,6,22V20c-1.40363-.03186-2,.15375-2-1.35931V14.3432a3.08829,3.08829,0,0,0-.29431-1.56036A1.71331,1.71331,0,0,0,2.7085,12a1.71317,1.71317,0,0,0,.99719-.7829A3.08814,3.08814,0,0,0,4,9.65674V5.35925C4,3.84625,4.59637,4.03192,6,4V2c-2.54016.03192-4,.67365-4,3.18848V9.68567C2,10.64935,1.85217,11,1,11ZM18,9H6v6H18ZM8,11h8v2H8Z" fill="blue"></path></svg>
Namespace
DownloadSvg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M23,11v2c-.85217,0-1,.35065-1,1.31433v4.49719C22,21.32635,20.54016,21.968,18,22V20c1.40363-.03186,2,.15375,2-1.35931V14.3432a3.08829,3.08829,0,0,1,.29431-1.56036A1.71331,1.71331,0,0,1,21.2915,12a1.71317,1.71317,0,0,1-.99719-.7829A3.08814,3.08814,0,0,1,20,9.65674V5.35925C20,3.84625,19.40363,4.03192,18,4V2c2.54016.03192,4,.67365,4,3.18848V9.68567C22,10.64935,22.14783,11,23,11ZM1,11v2c.85217,0,1,.35065,1,1.31433v4.49719C2,21.32635,3.45984,21.968,6,22V20c-1.40363-.03186-2,.15375-2-1.35931V14.3432a3.08829,3.08829,0,0,0-.29431-1.56036A1.71331,1.71331,0,0,0,2.7085,12a1.71317,1.71317,0,0,0,.99719-.7829A3.08814,3.08814,0,0,0,4,9.65674V5.35925C4,3.84625,4.59637,4.03192,6,4V2c-2.54016.03192-4,.67365-4,3.18848V9.68567C2,10.64935,1.85217,11,1,11ZM18,9H6v6H18ZM8,11h8v2H8Z" fill="#f3da35"></path></svg>
Advance Editor
You can edit namespace as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements